忘れっぽいので。。。。。
##基本
| 探したい要素 | CSSセレクター |
|---|---|
| 全てのdiv要素 | div |
| 全てのdiv要素とp要素 | div,p |
| 全ての要素 | * |
| xxxclass | .xxx |
| xxxid | #xxx |
| div要素の直接の子であるp要素 | div > p |
| 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"] |
| appleという単語を含むsrc属性を持つimg要素 | img[src~="apple"] |
##擬似クラス系
| 探したい要素 | CSSセレクター |
|---|---|
| アクセスしていない全てのリンク | a:link |
| アクセスした全てのリンク | a:visited |
| 要素の子孫にappleというテキストを含むdiv要素 | div:contains("apple") |
| hover属性を持ったa要素 | a:hover |