>웹 프론트엔드 >CSS 튜토리얼 >네임스페이스 한정 HTML ID에 대한 CSS 선택기에서 콜론을 어떻게 이스케이프합니까?

네임스페이스 한정 HTML ID에 대한 CSS 선택기에서 콜론을 어떻게 이스케이프합니까?

Barbara Streisand
Barbara Streisand원래의
2024-12-18 12:34:11336검색

How Do I Escape Colons in CSS Selectors for Namespace-Qualified HTML IDs?

네임스페이스 한정 ID가 있는 HTML 요소에 대한 CSS 선택기에서 콜론 이스케이프

네임스페이스 한정 ID가 있는 HTML 요소를 처리할 때, 콜론(:)이 있으면 CSS 선택기에 방해가 될 수 있습니다. 브라우저는 이를 의사 요소의 시작으로 해석하여 선택기가 유효하지 않게 될 수 있습니다.

이 문제를 해결하려면 백슬래시()를 사용하여 콜론을 이스케이프 처리할 수 있습니다. 예:

input#search_form\:expression {
  /* ... */
}

콜론을 이스케이프하면 브라우저가 콜론을 잘못 해석하는 것을 방지하고 선택기가 ID가 "search_form:expression"인 요소를 올바르게 타겟팅할 수 있습니다.

추가 자료:

  • [다음과 함께 네임스페이스 사용 CSS](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/compatibility/using-namespaces-with-css)(MSDN)

위 내용은 네임스페이스 한정 HTML ID에 대한 CSS 선택기에서 콜론을 어떻게 이스케이프합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.