CSS選擇器 - 2 層級(jí)選擇器

1.后代選擇器
選中parent元素內(nèi)部后代所有 n 元素。
parent n{}

2.子代選擇器
選中 parent 元素內(nèi)部 的子元素 n
parent>n{}

3.兄弟選擇器
選中 brother 元素后面的所有某一類兄弟元素 n。
brother~n{}

4.相鄰選擇器
選中brother元素后面的某一個(gè)相鄰的兄弟元素n。
brother+n{}

5.組合選擇器
可以讓上面提到的選擇器多個(gè)組合起來使用
brother+n,parent n{}

.aaa+p,div div p {
        background: red;
    }
?著作權(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),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,951評(píng)論 0 0
  • 其實(shí)平時(shí)用得多的選擇器無非也就是那么幾個(gè),時(shí)間久了,許多不常用的選擇器就慢慢忘記了。為了不讓自己忘記這些選擇器,今...
    盛夏晚清風(fēng)閱讀 1,954評(píng)論 0 5
  • CSS選擇器 標(biāo)簽選擇器 什么是標(biāo)簽選擇器? 作用: 根據(jù)指定的標(biāo)簽名稱, 在當(dāng)前界面中找到所有該名稱的標(biāo)簽, 然...
    Jackson_yee_閱讀 564評(píng)論 0 0
  • CSS選擇器結(jié)構(gòu)邏輯圖 接下來按照結(jié)構(gòu)邏輯圖具體講解各個(gè)選擇器的作用及用法; 基本選擇器 基本選擇器主要有以下5類...
    FoolishFlyFox閱讀 650評(píng)論 0 8
  • CSS選擇器 標(biāo)簽選擇器 什么是標(biāo)簽選擇器? 作用: 根據(jù)指定的標(biāo)簽名稱, 在當(dāng)前界面中找到所有該名稱的標(biāo)簽, 然...
    極客江南閱讀 11,924評(píng)論 10 109

友情鏈接更多精彩內(nèi)容