CSS
CSS3
Selenium
スクレイピング

cssセレクター チートシート

More than 1 year has passed since last update.

忘れっぽいので。。。。。


基本

探したい要素
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