CSS 속성 선택기: 언제 따옴표가 필요합니까?

CSS 속성 선택기: 인용 부호 Quandary

속성 선택기를 사용하면 CSS 작성자가 해당 속성을 기반으로 요소를 타겟팅할 수 있습니다. 그러나 속성 값 주위에 따옴표가 있는지 여부는 혼란의 원인이었습니다.

CSS 사양에 따르면 속성 값은 작은따옴표나 큰따옴표를 사용하여 인용하거나 완전히 인용하지 않을 수 있습니다. 다음 예에서는 이러한 변형을 보여줍니다.

a[rel="nofollow"]
a[rel='nofollow']
a[rel=nofollow]

일반적으로 값이 영숫자 문자, 하이픈(-) 또는 밑줄(_)로만 구성된 경우 따옴표가 없는 속성 값이 허용됩니다. 그러나 공백, 마침표 등의 특정 특수 문자는 따옴표가 유효해야 합니다.

예를 들어, 다음 선택기는 따옴표가 없으면 작동하지 않습니다.

a[href^=http://]

그 이유는 마침표 문자는 속성과 값 사이의 구분 기호로 해석됩니다. 따옴표를 사용하면 마침표가 값의 일부로 인식됩니다.

a[href^="http://"]

가장 좋은 방법은 잠재적인 충돌을 피하기 위해 속성 값 주위에 따옴표를 사용하는 것이 좋습니다. 이렇게 하면 속성 값에 특수 문자가 포함되어 있어도 선택기가 의도한 대로 작동합니다.

위 내용은 CSS 속성 선택기: 언제 따옴표가 필요합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!