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

HTML 사양은 ID에 마침표 (.)를 허용합니다.

<img id="some.id" />

그러나 CSS ID 선택기 규칙을 사용하면 올바르게 일치 하지 않습니다 .

#some.id { color: #f00; }

ID 선택기에 대한 CSS 사양은 이 경우를 언급하지 않습니다. 그래서 태그 이름과 클래스 선택기 의 조합을 사용하고 있다고 가정 합니까? 예를 들어 CSS 규칙은 클래스 이름이 인 a.className모든 앵커 태그 ( <a>)에 적용됩니다 .className<a class="className"></a>

마침표가있는 ID로 HTML 요소를 참조하는 외부 CSS 파일 규칙을 가질 수 있습니까?

CSS 사양이 CSS " 식별자 "에 마침표를 유효한 문자로 포함하지 않는다고 지정했기 때문에 예상 하지 못했습니다. 그렇다면 이것이 HTML과 CSS 사양 간의 근본적인 불일치입니까? 다른 유형의 CSS 선택을 사용하는 유일한 대안입니까? 나보다 똑똑한 사람이 이것을 확인하거나 거부 할 수 있습니까?

(일을 단순화하기 위해 HTML id 속성에서 마침표를 제거했지만 시스템 생성 ID이므로이 경우 변경할 수 없습니다.)

권위 있는. 질문을 작성하는 모든 사양을 파헤친 직후, 나는 그것을 좀 더 읽어 보니 이스케이프 문자가 있다는 것을 알았습니다. 전에는 필요하지 않았지만 CSS 사양은 대부분의 언어처럼 백 슬래시 (\) 이스케이프를 허용 합니다. 당신은 무엇을 알 수 있습니까?

따라서 내 예에서는 다음 규칙이 일치합니다.

#some\.id { color: #f00; }

img [id = some.id]]를 사용할 수도 있습니다.

자세한 정보 : http://www.w3.org/TR/selectors/#attribute-selectors