ID에 콜론을 사용하여 CSS 요소의 스타일을 지정하는 방법은 무엇입니까?

CSS 선택기: 요소 ID의 콜론 극복

CSS로 작업할 때 콜론 문자( :). 그러나 CSS에서는 콜론이 의사 요소 구분 기호로 사용되므로 충돌이 발생할 수 있습니다.

귀하의 경우 JSF는 입력 필드의 ID를 "search_form:expression"으로 설정했습니다. 이 요소에 대한 스타일을 지정하려면 콜론으로 인해 선택기가 잘못 해석되는 문제에 직면하게 됩니다.

해결책: 백슬래시 이스케이프 사용

콜론을 사용하고 요소 ID의 일부로 처리되는지 확인하려면 콜론 앞에 백슬래시()를 사용할 수 있습니다. 예를 들면 다음과 같습니다.

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

백슬래시를 추가하면 콜론을 효과적으로 이스케이프 처리하여 콜론이 의사 요소 구분 기호로 인식되는 것을 방지할 수 있습니다. 그러면 브라우저는 이를 요소 ID의 일부로 올바르게 해석합니다.

추가 리소스:

• [CSS와 함께 네임스페이스 사용](https://msdn .microsoft.com/en-us/library/ms531194.aspx)(MSDN)은 이에 대한 추가 통찰력을 제공합니다. 주제.

위 내용은 ID에 콜론을 사용하여 CSS 요소의 스타일을 지정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!