의사 요소에 대한 단일 또는 이중 콜론: 어떤 표기법을 사용해야 합니까?

의사 요소에 대한 단일 또는 이중 콜론 표기법: 딜레마 설명

의사 요소에 대한 단일 또는 이중 콜론 표기법 사용에 관하여 요소의 경우 브라우저 호환성을 고려하는 것이 중요합니다. IE7과 IE8은 이중 콜론 표기법을 지원하지 않으므로 단일 콜론 표기법만 사용해야 합니까? 아니면 이전 브라우저에 맞게 두 표기법을 모두 포함해야 합니까?

답변: 주의해서 진행하세요

두 표기법을 모두 쉼표로 구분하여 사용합니다(예: .foo:after , .foo::after)는 권장되지 않습니다. CSS 2.1 사양에 따르면 선택기의 오류로 인해 전체 규칙이 무시됩니다. 이는 두 표기법이 모두 사용되는 경우 CSS 2.1 호환 브라우저(CSS3 지원 아님)가 전체 규칙을 무시한다는 의미입니다.

실행 가능한 대안

이전 브라우저와의 호환성이 유지되는 경우 우려되는 점이 있다면 약간 다른 접근 방식을 선택할 수 있습니다.

.foo:after { /*styles*/ }
.foo::after { /*styles*/ }

이 방법은 브라우저와의 호환성을 보장하지만 두 표기법을 모두 지원하므로 불필요한 장황함이 추가됩니다.

현재 권장 사항

현재 프로젝트의 경우 의사에 대한 단일 콜론 표기법(::)만 준수하는 것이 좋습니다. -강요. 이는 대부분의 최신 브라우저가 이전 버전과의 호환성을 위해 이미 이 표기법을 지원하기 때문입니다. IE8의 시장 점유율이 계속 감소함에 따라 레거시 브라우저를 다룰 필요성은 시간이 지남에 따라 줄어들 것입니다.

위 내용은 의사 요소에 대한 단일 또는 이중 콜론: 어떤 표기법을 사용해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!