E[foo="bar"]

foo属性の値が bar と等しい E要素に対してスタイルが適用されます。

example

p[class="test1"] { color: hotpink; }
a[href="http://pata2.jp/"][title="home"] { color: deepskyblue; } /* 複数指定 */

source

<p class="test1"> hotpink </p>
<p class="test2"> test2 </p>
<p><a href="http://pata2.jp/" title="home"> HOME </a></p>
<p><a href="http://pata2.jp/" title="ホーム"> ホーム </a></p>

display

hotpink

test2

HOME

ホーム

Efoobar など斜体は仮の名前です。

上に戻る