| 選擇器 | 例子 | 例子描述 |
|---|---|---|
| .class | .intro | 選擇class="intro"的所有節(jié)點 |
| #id | #firstname | 選擇id="firstname"的所有節(jié)點 |
| * | * | 選擇所有的節(jié)點 |
| element | p | 選擇所有的p節(jié)點 |
| element,element | div,p | 選擇所有div節(jié)點和所有p節(jié)點 |
| element element | div p | 選擇div節(jié)點內(nèi)部的所有p節(jié)點 |
| element>element | div>p | 選擇父節(jié)點為div節(jié)點的所有p節(jié)點 |
| element+element | div+p | 選擇緊接在div節(jié)點后的所有p節(jié)點 |
| [attribute] | [target] | 選擇帶有target屬性的所有節(jié)點 |
| [attribute=value] | [target=blank] | 選擇target = 'blank'的所有節(jié)點 |
| [attribute~=value] | [title~=flower] | 選擇title包含單詞flower的所有節(jié)點 |
| :link | a:link | 選擇所有未被訪問的鏈接 |
| :visited | a:visited | 選擇所有已被訪問的鏈接 |
| :active | a:active | 選擇活動鏈接 |
| :hover | a:hover | 選擇鼠標(biāo)位于其上的鏈接 |
| :focus | input:focus | 選擇獲得焦點的input節(jié)點 |
| :first-letter | p:first-letter | 選擇每個p節(jié)點的首字母 |
| :first-line | p:first-line | 選擇每個p節(jié)點的首行 |
| :first-child | p:first-child | 選擇屬于父節(jié)點的第一個子節(jié)點的所有p節(jié)點 |
| :before | p:before | 在每個p節(jié)點的內(nèi)容前插入內(nèi)容 |
| :after | p:after | 在每個p節(jié)點的內(nèi)容后插入內(nèi)容 |
| element1~element2 | p~ul | 選擇前面有p節(jié)點的所有ul節(jié)點 |
| [attribute^=value] | a[src^="https"] | 選擇其src屬性以https開頭的所有a節(jié)點 |
| [attribute$=value] | a[src$=".pdf"] | 選擇其src屬性.pdf結(jié)尾的所有a節(jié)點 |
| [attribute*=value] | a[src*="abc"] | 選擇其src屬性包含abc子串的所有a節(jié)點 |
未完待續(xù)···
