찾다
웹 프론트엔드CSS 튜토리얼Internet Explorer의 CSS 선택기 제한은 무엇이며 버전에 따라 어떻게 다릅니까?

What are the CSS Selector Limits in Internet Explorer and How Do They Differ Across Versions?

Internet Explorer: CSS 제한 탐색

Internet Explorer에서는 CSS 사용에 일련의 제한을 적용합니다. 이러한 제한은 웹사이트 렌더링에 혼란과 중단을 초래할 수 있습니다.

4095 규칙 이해

가장 논란이 되는 제한 중 하나는 4095 규칙입니다. 이는 CSS 시트 또는 문서 내에서 허용되는 최대 선택기 수를 나타냅니다. 그러나 문제는 여전히 남아 있습니다. 이 제한은 시트 단위입니까, 아니면 문서 단위입니까?

Microsoft의 공식 지침에 따르면 4095 규칙은 문서 단위가 아닌 시트 단위로 적용됩니다. 즉, 각각 최대 4095개의 선택기를 포함하는 여러 CSS 시트에 연결할 수 있으며 모두 올바르게 작동합니다.

IE9 대 IE10

Internet Explorer는 다양한 버전으로 발전해 왔습니다. IE9의 경우:

  • CSS 시트는 최대 4095개의 선택기를 포함할 수 있습니다.
  • 시트는 최대 31개의 다른 시트를 가져올 수 있습니다.
  • 가져오기 중첩은 최대 31개까지 지원됩니다. 4단계 깊이.

IE10 및 이후:

  • 시트 하나에 최대 65534개의 선택기가 포함될 수 있습니다.
  • 시트 하나는 최대 4095개의 다른 시트를 가져올 수 있습니다.
  • 가져오기 중첩은 최대 4095개 수준까지 지원합니다. .

이러한 변경 사항은 웹사이트 개발에 더 큰 유연성을 제공하여 보다 복잡하고 포괄적인 CSS 사용을 위해

테스트 사례

시트별 제한을 확인하기 위해 CSS 파일 2개를 사용하여 테스트를 진행했습니다. 한 파일에는 4096개의 선택기가 포함되어 있고 다른 파일에는 4095개의 선택기가 포함되어 있습니다. HTML 문서는 두 파일 모두에 연결되어 있습니다.

결과에 따르면 첫 번째 파일은 최종 선택기를 로드하지 않은 반면 두 번째 파일은 Internet Explorer에서 로드되어 올바르게 작동하는 것으로 나타났습니다. 이는 4095 규칙이 시트당 적용된다는 것을 확인시켜 줍니다.

Internet Explorer에서 이러한 CSS 제한을 이해함으로써 웹 개발자는 코드를 최적화하고 잠재적인 렌더링 문제를 피할 수 있습니다.

위 내용은 Internet Explorer의 CSS 선택기 제한은 무엇이며 버전에 따라 어떻게 다릅니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
의사 요소가 어린이라는 것을 조금 상기시켜줍니다.의사 요소가 어린이라는 것을 조금 상기시켜줍니다.Apr 19, 2025 am 11:39 AM

여기에는 어린이 요소가있는 컨테이너가 있습니다.

'다이나믹 히트 영역'이있는 메뉴'다이나믹 히트 영역'이있는 메뉴Apr 19, 2025 am 11:37 AM

플라이 아웃 메뉴! 두 번째는 호버 이벤트를 사용하여 더 많은 메뉴 항목을 표시하는 메뉴를 구현해야합니다. 우선, 그들은해야합니다

WebVTT의 비디오 접근성 향상WebVTT의 비디오 접근성 향상Apr 19, 2025 am 11:27 AM

"웹의 힘은 보편적입니다. 장애에 관계없이 모든 사람의 접근은 필수적인 측면입니다."- Tim Berners-Lee

주간 플랫폼 뉴스 : CSS :: 마커 의사 요소, 사전 렌더링 웹 구성 요소, 사이트에 웹 멘션 추가주간 플랫폼 뉴스 : CSS :: 마커 의사 요소, 사전 렌더링 웹 구성 요소, 사이트에 웹 멘션 추가Apr 19, 2025 am 11:25 AM

이번 주에 Roundup : DatePickers는 키보드 사용자에게 두통, Fouc와 싸우는 데 도움이되는 새로운 웹 구성 요소 컴파일러를 제공하고 있으며, 마침내 스타일링 목록 항목 마커에 손을 대고 사이트에서 웹 커넥션을 얻는 4 단계입니다.

너비와 유연한 아이템을 만드는 것은 함께 훌륭하게 재생됩니다너비와 유연한 아이템을 만드는 것은 함께 훌륭하게 재생됩니다Apr 19, 2025 am 11:23 AM

짧은 답변 : Flex-Shrink 및 Flex-Basis는 아마도 당신이 찾고있는 것일 것입니다.

끈적 끈적하고 테이블 헤더를 배치하십시오끈적 끈적하고 테이블 헤더를 배치하십시오Apr 19, 2025 am 11:21 AM

당신은 ' t 포지션 : 스티커; 에이

주간 플랫폼 뉴스 : 검색 콘솔에서의 HTML 검사, 글로벌 스크립트 범위, Babel Env 추가 기본값 쿼리 추가주간 플랫폼 뉴스 : 검색 콘솔에서의 HTML 검사, 글로벌 스크립트 범위, Babel Env 추가 기본값 쿼리 추가Apr 19, 2025 am 11:18 AM

이번 주에 Web Platform News의 세계를 둘러싼 Google 검색 콘솔은 크롤링 된 마크 업을보다 쉽게 ​​볼 수 있습니다.

Indieweb 및 웹 협상Indieweb 및 웹 협상Apr 19, 2025 am 11:16 AM

Indieweb는 일입니다! 그들은 회의와 모든 것을 얻었습니다. 뉴요커는 심지어 그것에 대해 글을 쓰고 있습니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

SecList

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

WebStorm Mac 버전

WebStorm Mac 버전

유용한 JavaScript 개발 도구

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

안전한 시험 브라우저

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

MinGW - Windows용 미니멀리스트 GNU

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.