css - CSSでの[class^=blah]の意味

Question

このCSSセレクターの意味;

[クラス^=何とか]

よろしく。

Answer 1

これは、CSS属性がセレクターで始まるということです。[class^="blah"]文字通り意味：

属性が。classで始まる要素blah。例：blahelloまたはblahfoobar

仕様を見る

Answer 2

ここに書かれているように：CSS3 [attribute ^=value]セレクター

このセレクターは、指定された属性が特定の値であるすべての要素に一致します。

例えば：

私は次のhtmlを持っています

<a href="www.google.com">Lorem Ipsum</a>
<a href="myhomepage.com">Dolor Sit Amet</a>

ホームページへのすべてのリンクを別の色で色付けしたいのですが、

a[href="myhomepage.com"]
{
   color: #00FF00;
}

これにより、href属性がmyhomepage.comと等しいすべての要素が選択されます。

ここでこのフィドルを確認してください