基本
| 探したい要素 | CSSセレクタ |
|---|---|
| 全てのdiv要素 | div |
| 全てのdiv要素とp要素 | div,p |
| 全ての要素 | * |
| class名がXの要素 | .XXX |
| id名がXXXの要素 | #XXX |
結合子
| 探したい要素 | CSSセレクタ |
|---|---|
| div要素の階層下のすべての要素 | div * |
| div要素の1階層下の任意の要素 | div > * |
| div要素の階直後の任意の要素 | div + * |
属性
| 探したい要素 | CSSセレクタ |
|---|---|
| 全てのtype属性を持つinput要素 | input[type] |
| textというtype属性を持つinput要素 | input[type="text"] |
| href属性がhttp://で始まるa要素 | a[href^="http://"] |
| src属性が.jpgで終わるimg要素 | img[src$=".jpg"] |
| xxxという単語を含むsrc属性を持つimg要素 | img[src~="xxx"] |
疑似クラス
| 探したい要素 | CSSセレクタ |
|---|---|
| アクセスしていない全てのリンク | a:link |
| アクセスした全てのリンク | a:visited |
| 要素の子孫にxxxというテキストを含むdiv要素 | div:contains("xxx") |
| hover属性を持ったa要素 | a:hover |
