【HTML5】属性セレクタ
属性セレクタ
指定した属性名、または属性値を持つ要素に対してスタイルを指定する方法
[属性名]
指定した属性名を持つ要素
[属性名 = "属性値"]
指定した属性名および属性値をもつ要素(完全一致)
[属性名 ~= "属性値" ]
指定した属性名および属性値をもつ要素(複数の属性値のうちいずれか1つが一致)
[属性名 |= "属性値" ]
指定した属性名および属性値をもつ要素(ハイフン区切りの属性値のうちいずれか1つが一致)
[属性名 ^= "属性値"]
指定した属性名をもち、属性値が指定した属性値で開始する要素(前方一致)
[属性名 $= "属性値"]
指定した属性名をもち、属性値が指定した属性値で終了する要素(後方一致)
[属性名 *= "属性値"]
指定した属性名をもち、属性値が指定した属性値を含む要素(部分一致)
引用元