属性セレクタ
属性セレクタはHTMLの属性の値で要素を絞り込めるセレクタです。
| E[foo] | foo属性をもつE要素 |
|---|---|
| E[foo=”bar”] | 値がbarのfoo属性をもつE要素 |
| E[foo~=”bar”] | 属性fooの値がスペースで区切られており、そのどれかがbarと一致するE要素 |
| E[foo|=”en”] | 属性fooの値がハイフンで区切られており、その最初の値がbarと一致するE要素 |
CSS3では以下のような属性セレクタも追加されました
| E[foo^=”bar”] | foo属性がbarで始まるE要素 |
|---|---|
| E[foo$=”bar”] | foo属性がbarで終わるE要素 |
| E[foo*=”en”] | foo属性がenを含むE要素 |
参考URL
登録日 : 2013年01月11日 最終更新日 : 2013年1月11日
同じカテゴリー(Selector)のエントリー
- 兄弟セレクタ
- 隣接セレクタ
- 子セレクタ
- :not()
- idセレクタ
- classセレクタ
- ::after
- ::before
- ::first-letter
- ::first-line
- :indeterminate
- :checked
- :disabled
- :enabled
- :lang()
- :target
- :focus
- :active
- :hover
- :visited
- :link
- :empty
- :only-of-type
- :only-child
- :last-of-type
- :first-of-type
- :last-child
- :first-child
- :nth-last-of-type()
- :nth-of-type()
- :nth-last-child()
- :nth-child()
- :root
- 属性セレクタ
- 子孫セレクタ
- 要素セレクタ
- ユニーバサルセレクタ