의사 요소에 대한 단일 또는 이중 콜론 표기법: 최선의 접근 방식은 무엇입니까?

웹 개발에서 의사 요소 표기법 탐색

IE7 및 IE8을 포함한 많은 브라우저는 의사 요소에 대한 이중 콜론 표기법을 제한적으로 지원합니다. -:after와 같은 요소. 최신 브라우저는 이전 버전과의 호환성을 위해 단일 콜론 표기법(:after)을 지원합니다. 이로 인해 IE8의 시장 점유율이 줄어들면 단일 콜론 표기법을 단독으로 사용하고 나중에 업데이트 코드를 사용해야 하는지에 대한 의문이 제기됩니다.

단일 콜론 표기법과 이중 콜론 표기법

둘 다 사용 표기법을 함께 사용하는 것은 권장되지 않습니다. CSS 2.1 호환 사용자 에이전트는 선택기를 구문 분석할 수 없는 경우 전체 규칙을 무시합니다.

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

권장사항

당분간은 다음을 따르는 것이 가장 좋습니다. 의사 요소에 대한 단일 콜론 표기법(:after)입니다. 더 간결하고 널리 지원됩니다. IE8의 시장 점유율이 미미해지면 더 나은 구체성을 위해 이중 콜론 표기법을 사용하도록 코드를 다시 검토하는 것이 좋습니다.

위 내용은 의사 요소에 대한 단일 또는 이중 콜론 표기법: 최선의 접근 방식은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!