CSS----復(fù)合選擇器

一、后代選擇器(重點(diǎn))

  • 作用:

用來(lái)選擇元素或元素組的子孫后代

  • 語(yǔ)法:
.class h3{color:red;font-size:16px;}

二、子元素選擇器

  • 作用:

    子元素選擇器只能選擇作為某元素子元素(親兒子)的元素。

  • 其寫法就是把父級(jí)標(biāo)簽寫在前面,子級(jí)標(biāo)簽寫在后面,中間跟一個(gè) > 進(jìn)行連接

  • 語(yǔ)法:

.class>h3{color:red;font-size:14px;}

三、 交集選擇器

  • 語(yǔ)法:

比如: p.one 選擇的是: 類名為 .one 的 段落標(biāo)簽

四、并集選擇器(重點(diǎn))

比如 .one, p , #test {color: #F00;}
表示 .one 和 p 和 #test 這三個(gè)選擇器都會(huì)執(zhí)行顏色為紅色。
通常用于集體聲明。

五、鏈接偽類選擇器(重點(diǎn))

  • a:link /* 未訪問(wèn)的鏈接 */

  • a:visited /* 已訪問(wèn)的鏈接 */

  • a:hover /* 鼠標(biāo)移動(dòng)到鏈接上 */

  • a:active /* 選定的鏈接 */

    注意

  • 寫的時(shí)候,他們的順序盡量不要顛倒 按照 lvha 的順序。否則可能引起錯(cuò)誤。
  • 記憶法
    • love hate 愛(ài)上了討厭
    • **lv **包包 非常 hao
  • 實(shí)際開(kāi)發(fā)很少寫全四個(gè)狀態(tài)
?著作權(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ù)。

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

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