CSS ID 선택기가 HTML 요소에서 마침표를 사용할 수 있습니까?

요소에 마침표가 있는 CSS ID 선택기

HTML 사양에서는 요소 ID 내에 마침표(.)를 포함하는 것을 허용합니다. 그러나 직접적인 CSS ID 선택기 규칙은 적용되지 않으므로 HTML과 CSS 사양 사이의 불일치 가능성에 대한 우려가 제기됩니다.

ID 선택기에 대한 CSS 사양에서는 이 시나리오에 대한 언급이 생략되어 복합어를 활용한다는 추측으로 이어집니다. 태그 이름과 클래스 선택자의 조합. 예를 들어 CSS 규칙 "a.className"은 클래스 이름 "className"을 소유한 모든 앵커 태그()를 대상으로 합니다.

이 호환성 문제는 외부 CSS 파일을 사용할 수 있는지 여부에 대한 의문을 제기합니다. ID에 마침표가 있는 HTML 요소를 참조하는 규칙입니다. CSS 사양에서는 CSS "식별자"에 허용 가능한 문자로 마침표가 부족하다고 규정하고 있으므로 가정은 "아니요"입니다.

사양을 자세히 살펴본 후 CSS 사양에서 백슬래시( ) 다른 많은 프로그래밍 언어에서 볼 수 있듯이 이스케이프 처리됩니다. 이는 다음 규칙이 해당 ID에 마침표가 있는 요소를 성공적으로 일치시킨다는 것을 의미합니다.

<code class="css">#some\.id {
  color: #f00;
}</code>

백슬래시로 마침표를 이스케이프 처리하면 CSS 선택기가 HTML 문서 내에서 의도한 요소를 정확하게 타겟팅할 수 있습니다.

위 내용은 CSS ID 선택기가 HTML 요소에서 마침표를 사용할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!