CSSの属性セレクタ。引用符のルール（"、"、"なし"？）

質問

以前から気になっていた質問です。要素の属性に対して比較するCSSセレクタを書くときに、次のようにします。

a[rel="nofollow"]

引用符をどうすればいいのか、私にはわからない。本当に必要なのでしょうか？

基本的に、Webサイトを見てもわからないので、どのような仕様になっているのか。

これらはすべて有効なものと考えてよいのでしょうか？

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

どのように解決するのですか？

この件に関しては、こちらで詳しく書いています。 HTML および CSS における引用符で囲まれていない属性値 .

質問に答えるためのツールも作りました。 http://mothereff.in/unquoted-attributes

属性値が英数字であれば、通常は引用符を省略することができます（ただし、いくつかの例外があります - 詳細はリンク先の記事を参照してください）。いずれにせよ、必要な場合に備えて引用符を付けておくのは良い習慣だと思います。 a[href^=http://] は機能しませんが a[href^="http://"] は動作します。

私が紹介した記事は、CSS仕様の適切な章にリンクしています。