CSS 속성 선택기: 인용할 것인가, 인용하지 않을 것인가?

CSS의 속성 선택기: 인용 부호 수수께끼

[rel="과 같이 요소의 속성과 일치하도록 CSS 속성 선택기를 제작할 때 nofollow"], 지속적인 딜레마가 발생합니다: 인용을 포함할지 여부 mark.

인용 질문

CSS 사양은 속성 값 주위에 따옴표 배치를 포함하여 속성 선택기 구문에 대한 지침을 규정합니다.

따옴표는 꼭 필요한가요?

일반적으로 따옴표는 속성 값이 영숫자 문자로만 구성된 경우에는 필요하지 않습니다. 그러나 다음에는 예외가 있습니다.

• 공백이 포함된 값(예: a[title=My Page])
• CSS 구문에 특수한 문자가 포함된 값(예: 별표, 괄호 등) .)
• 하이픈으로 시작하는 값(예: a[class=invalid-class])

유효 선택자의 예

앞서 언급한 규칙에 따라 다음 속성 선택자가 유효한 것으로 간주됩니다.

a[rel="nofollow"]

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

a[data-id='123']

베스트 연습

영숫자 값에 인용은 선택 사항이지만 일관성을 보장하고 잠재적인 충돌을 방지하기 위해 인용을 포함하는 것이 모범 사례로 간주됩니다.

자원

이 주제에 대한 철저한 분석을 보려면 다음을 참조하세요. 대상:

• [HTML 및 CSS에서 인용되지 않은 속성 값](답변에 제공된 링크)
• [따옴표가 없는 속성 값 검사기](답변에 링크 제공)

위 내용은 CSS 속성 선택기: 인용할 것인가, 인용하지 않을 것인가?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!