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

의사 요소에 단일 또는 이중 콜론 표기법 사용: 개발자를 위한 결정

CSS 단일 콜론(: 의사 요소 표기법) 최신 브라우저에서는 이전 버전과의 호환성을 지원하는 반면 Internet Explorer 7 및 8은 여전히 ​​이중 콜론(::)을 사용합니다. 이는 개발자에게 어떤 표기법을 사용해야 하는지에 대한 질문을 제기합니다.

어떤 사람들은 쉼표를 통해 두 표기법을 함께 사용하면 IE8 사용자와 최신 브라우저 모두에 적합하다고 주장합니다. CSS 2.1 표준에 따르면 사용자 에이전트가 선택기를 구문 분석할 수 없으면 전체 규칙 블록을 무시해야 합니다. 따라서 CSS 2.1 호환 사용자 에이전트는 다음을 사용하여 선택기에 대한 전체 규칙을 무시합니다. 두 표기법을 모두 사용합니다.

IE8과의 호환성 향상을 위해 두 표기법을 별도로 사용하는 것도 옵션입니다.

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

그러나 이 접근 방식은 장황하고 불필요할 수 있습니다.

현재로서는 , IE8의 감소하는 시장 점유율을 수용하면서 최신 브라우저와의 하위 호환성을 유지하므로 단일 콜론 표기법을 고수하는 것이 좋습니다. IE8의 사용량이 무시할 수 있게 되면 코드베이스의 찾기 및 바꾸기 솔루션이 이중 콜론 표기법으로 쉽게 전환되어 모든 브라우저에서 의사 요소 스타일에 대한 더 큰 지원을 제공할 수 있습니다.

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