CSS 선택기가 점으로 구분된 ID가 있는 요소를 성공적으로 타겟팅할 수 있습니까?

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

HTML 사양에서는 ID에 마침표(.)를 허용하여 요소가 "<와 같은 식별자를 가질 수 있도록 허용합니다. ;img id="some.id" />". 그러나 "#some.id { color: #f00; }"와 같은 기존 CSS ID 선택기는 점으로 구분된 ID가 있는 요소를 일치시키지 못합니다.

이 시나리오를 생략하는 ID 선택기에 대한 CSS 사양과 반대입니다. , 문제는 CSS의 하이브리드 태그 이름 및 클래스 선택기 활용으로 인해 발생합니다. "a.className"과 같은 규칙은 클래스 이름이 "className"인 모든 앵커 태그를 대상으로 합니다.

질문이 생깁니다. 외부 CSS 규칙이 점으로 구분된 ID가 있는 요소를 대상으로 할 수 있습니까? 대답은 미묘합니다. CSS 사양은 식별자에서 마침표 사용을 제한하지만 백슬래시() 이스케이프를 통해 해결 방법이 있습니다.

이 기술을 사용하면 요소를 마침표와 일치시키는 선택기를 생성할 수 있습니다. 예를 들어, 다음 규칙은 백슬래시 이스케이프를 사용하여 ID가 ​​"some.id"인 요소를 대상으로 합니다: "#some.id { color: #f00; }".

따라서 사양 불일치에도 불구하고 백슬래시 이스케이프를 사용하여 CSS 선택기를 사용하여 점으로 구분된 ID가 있는 요소의 주소를 지정할 수 있습니다.

위 내용은 CSS 선택기가 점으로 구분된 ID가 있는 요소를 성공적으로 타겟팅할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!