| 表達(dá)式 | 說明 |
|---|---|
| * | 選擇所有節(jié)點(diǎn) |
| #container | 選擇id為container的節(jié)點(diǎn) |
| .container | 選取所有class包含container的節(jié)點(diǎn) |
| li a | 選取所有l(wèi)i下的所有a節(jié)點(diǎn) |
| ul+p | 選擇ul后面的第一個(gè)p元素 |
| div#container>ul | 選取id為container的div的第一個(gè)ul子元素 |
| ul~p | 選取與ul相鄰的所有p元素 |
| a[title] | 選取所有title屬性的a元素 |
| a[href="http://jobbole.com"] | 選取所有href屬性為jobbole.com值得a元素 |
| a[href*="jpbbole"] | 選取所有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) | 選取第三個(gè)li元素 |
| tr:nth-child(2n) | 第偶數(shù)個(gè)tr |
css選擇器
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 目前為止 要是比較簡(jiǎn)單的直接使用css，因?yàn)檎Z法比較簡(jiǎn)單(語法部分可以看這里如果稍微復(fù)雜的選擇需求，使用xpath...
- CSS選擇器-系列文章 1、兄弟選擇器 2、效果演示 運(yùn)行效果： 如果使用 ** div~p** 運(yùn)行效果： CS...
- css選擇器與jquery選擇器對(duì)比 舉例子 不同之處 設(shè)計(jì)的目的不同，不可相互替代。css設(shè)計(jì)是為了給網(wǎng)頁修改樣...
