ID에 마침표가 포함된 CSS 선택기를 사용할 수 있나요?

ID에 마침표가 있는 CSS 선택기 사용

질문:

CSS 선택기 규칙을 사용하여 HTML과 일치시킬 수 있나요? 마침표(.)가 포함된 ID가 있는 요소?

배경:

HTML 사양에서는 요소 ID에 마침표를 허용합니다. 그러나 #some.id와 같은 간단한 CSS ID 선택기는 이러한 요소를 올바르게 일치시키지 못합니다.

분석:

CSS 사양에서는 식별자에 마침표를 포함하지 않는 것으로 정의합니다. 이는 HTML과 CSS 사양 간의 근본적인 비호환성을 의미합니다.

해결책:

초기 의심에도 불구하고 CSS 사양에서는 백슬래시() 이스케이프를 허용합니다. 이를 통해 ID 선택기에서 마침표를 사용할 수 있습니다.

예를 들어 다음 CSS 규칙은 ID가 "some.id"인 HTML 요소와 일치합니다.

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

결론:

HTML ID의 마침표가 CSS ID 선택기와 잠재적인 충돌을 일으키는 반면, 백슬래시 이스케이프 시퀀스는 이 문제를 해결하여 HTML과 CSS 모두에서 복잡한 ID를 사용할 수 있게 해줍니다.

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