官方文檔的CSS選擇器太簡短,整理了一個比較全的。
*
選擇所有節(jié)點
#container
選擇id為container的節(jié)點
.container
選擇所有class包含container的節(jié)點
li a
選取所有l(wèi)i 下所有a節(jié)點
ul + p
選取ul后面的第一個p元素
div#container > ul
選取id為container的div的第一個ul子元素
ul ~p
選取與ul相鄰的所有p元素
a[title]
選取所有有title屬性的a元素
a[]
選取所有href屬性為http://jobbole.com的a元素
a[href*="jobbole"]
選取所有href屬性值中包含jobbole的a元素
a[href^="http"]
選取所有href屬性值中以http開頭的a元素
a[href$=".jpg"]
選取所有href屬性值中以.jpg結(jié)尾的a元素
input[type=radio]:checked
選擇選中的radio的元素
div:not(#container)
選取所有id為非container 的div屬性
li:nth-child(3)
選取第三個li元素
li:nth-child(2n)
選取第偶數(shù)個li元素