表達式 ? ? ? ? 說明

? ? ?* ? ? ? ? ? 選擇所有節點

#container ? ?選擇id為container的節點

.container ? ? 選擇所有class包含container的節點

li ?a ? ? ? ? ? ? ? 選擇li下的所有a節點

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結尾的a元素

input[type=radio]:checked ? ?選取選中的radio元素

a[title]? ? ? ? 選取所有有title屬性的a元素

a[title]? ? ? ? 選取所有有title屬性的a元素

a[title]? ? ? ? 選取所有有title屬性的a元素

a[title]? ? ? ? 選取所有有title屬性的a元素

a[title]? ? ? ? 選取所有有title屬性的a元素

div:not(#container) ? 選取所有id非container的div屬性

li:nth-child(3) ? ? ? ? 選取第三個li元素

tr:nth-child(2n) ? ? ? ?選取第偶數個tr

a::text ? ? ? ?獲取a標簽中的文本內容

a::attr(href) ?獲取a標簽中href屬性的值