CSS ID 선택기가 HTML ID의 마침표를 처리할 수 있나요?

CSS에서 마침표로 ID 선택기 주소 지정

HTML에서는 ID 속성 내에서 마침표가 허용됩니다. 그러나 CSS ID 선택기 규칙에서 이러한 요소를 사용할 때 마침표가 유효한 CSS "식별자"의 일부가 아니기 때문에 불일치가 발생합니다.

어떤 사람들은 CSS ID 선택기 규칙이 태그 이름과 클래스의 구문을 따른다고 가정합니다. 지정된 클래스 이름이 있는 앵커 태그를 대상으로 하는 "a.className"과 같은 선택기 조합입니다. 이는 외부 CSS 파일에서 마침표가 포함된 ID로 HTML 요소를 참조할 수 있는지 여부에 대한 의문으로 이어집니다.

CSS 사양에서는 마침표가 유효한 "식별자"의 일부가 아니며 ID에서 사용할 수 없음을 명시하고 있습니다. 선택자 규칙. 그러나 더 자세히 살펴보면 CSS가 특수 문자에 대한 백슬래시() 이스케이프를 지원한다는 사실이 밝혀졌습니다.

따라서 HTML 요소를 마침표가 포함된 ID와 일치시키려면 다음 이스케이프된 CSS 규칙을 사용할 수 있습니다.

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

이 구문을 사용하면 CSS ID 선택기 규칙이 ID에 마침표가 있는 요소를 참조하여 HTML 사양에 맞춰 HTML ID 속성 수정에 대한 실행 가능한 대안을 제공할 수 있습니다.

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