Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

属性セレクタAttribute selectorsTOPCSSSelectorAttribute

  1. E[foo]属性セレクタ(属性名の完全一致)
  2. E[foo="bar"]属性セレクタ(単一属性値の完全一致)
  3. E[foo|="en"]属性セレクタ(属性値の部分一致)
  4. E[foo~="bar"]属性セレクタ(複数の属性値のうち1つが完全一致)

属性名セレクタ(属性名の完全一致)Attribute name selector

書式E[foo]個別性1
属性セレクタについて

この属性セレクタは、任意の属性名(foo)をセレクタとして指定でき、指定した属性を持つ要素にマッチします。

属性セレクタの使い方

次に示すような記述パターンが可能です。

[foo]		{ ... }		foo属性を持つ全ての要素
*[foo]		{ ... }		foo属性を持つ全ての要素(上に同じ)
E[foo]		{ ... }		foo属性を持つ要素E
E[foo1][foo2]	{ ... }		foo1およびfoo2属性を持つ要素E

下の例では、指定された属性(href属性、title属性)を持つa要素をマッチングの対象としています。属性名はいくつでも併記することができます。

a[href][title] { cursor: help; }	href属性、title属性を持つa要素
<ul>
   <li><a href="abc.php">List…</a></li>
   <li><a href="def.php" title="fish">List…</a></li> 属性名が一致する
</ul>
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.