CSS 속성 선택자 : 따옴표에 대한 규칙 ( ", '또는 없음?)

CSS 속성 선택자 : 따옴표에 대한 규칙 ( ", '또는 없음?)

---

이 질문은 지금 당분간 나를 괴롭 혔습니다. 이와 같이 요소의 속성과 비교하는 CSS 선택기를 작성할 때.

a[rel="nofollow"]

따옴표로 무엇을해야하는지 전혀 모릅니다. 정말 필요한가요?

기본적으로 웹 사이트에서 찾을 수 없기 때문에 이것에 대한 사양은 무엇입니까?

이 모든 것이 유효한 것으로 간주됩니까?

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

---

여기서 주제에 대해 더 광범위하게 작성했습니다 : HTML 및 CSS의 인용되지 않은 속성 값 .

또한 귀하의 질문에 대한 답변을 제공하는 도구를 만들었습니다 : http://mothereff.in/unquoted-attributes

속성 값이 영숫자이면 일반적으로 따옴표를 생략 할 수 있습니다 (그러나 일부 예외가 있습니다. 자세한 내용은 링크 된 문서를 참조하십시오). 어쨌든, 나는 당신이 그것을 필요로하는 경우에, 즉 a[href^=http://]작동하지 않을 것이지만 어쨌든 따옴표를 추가하는 것이 좋은 습관이라고 생각합니다 a[href^="http://"].

내가 언급 한 기사는 CSS 사양의 해당 장에 대한 링크입니다.

---

속성 값은 식별자 또는 문자열이어야합니다.

— http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

처음 두 개는 문자열을 사용합니다. 세 번째는 식별자를 사용합니다.

식별자 (선택기의 요소 이름, 클래스 및 ID 포함)에는 문자 [a-zA-Z0-9] 및 ISO 10646 문자 U + 00A0 이상과 하이픈 (-) 및 밑줄 (_) 만 포함될 수 있습니다. 숫자, 하이픈 2 개 또는 하이픈 뒤에 숫자로 시작할 수 없습니다.

— http://www.w3.org/TR/CSS2/syndata.html#value-def-identifier

문자열은 큰 따옴표 또는 작은 따옴표로 작성할 수 있습니다.

— http://www.w3.org/TR/CSS2/syndata.html#strings

참고 URL : https://stackoverflow.com/questions/5578845/css-attribute-selectors-the-rules-on-quotes-or-none