css提供了哪些復(fù)合選擇器

元素1 元素2 { 樣式聲明 }

元素1 > 元素2 {樣式聲明}

    
        我是兒子
        

            我是孫子
        
    

.nav a {        /* 后代選擇器 */
    color: red;}.nav>a {        /* 子選擇器 */
    text-decoration: none;}

三、并集選擇器

??并集選擇器可以選擇多組標(biāo)簽, 同時(shí)為他們定義相同的樣式。通常用于集體聲明。并集選擇器是各選擇器通過(guò)英文逗號(hào)（ , ）連接而成，任何形式的選擇器都可以作為并集選擇器的一部分。

• 語(yǔ)法

元素1,元素2 {樣式聲明}

上述語(yǔ)法表示選擇元素1 和 元素2。

• 注意

1.元素1 和 元素2 中間用逗號(hào)隔開(kāi)

2.逗號(hào)可以理解為和的意思

3.并集選擇器通常用于集體聲明

• 示例

    
熊大
    
熊二
    光頭強(qiáng)
    
        
小豬佩奇
        
豬豬俠
    

div,p,ul li{
    color: blue;
}

四、偽類(lèi)選擇器

??偽類(lèi)選擇器用于向某些選擇器添加特殊的效果，比如給鏈接添加特殊效果，或選擇第1個(gè)，第n個(gè)元素。偽類(lèi)選擇器書(shū)寫(xiě)最大的特點(diǎn)是用冒號(hào)( : )表示，比如 :hover（鼠標(biāo)經(jīng)過(guò)時(shí)） 、 :first-child （選擇第一個(gè)孩子）。偽類(lèi)選擇器有很多，比如有鏈接偽類(lèi)、結(jié)構(gòu)偽類(lèi)等，這里先總結(jié)常用的鏈接偽類(lèi)選擇器。

• 語(yǔ)法

a: link			/* 選擇所有未被訪(fǎng)問(wèn)的鏈接 */
a: visited	/* 選擇所有已經(jīng)被訪(fǎng)問(wèn)的鏈接 */
a: hover		/* 選擇鼠標(biāo)指針位于其上的鏈接 */
a: active		/* 選擇活動(dòng)鏈接（鼠標(biāo)按下但未彈起的鏈接） */

• 注意

1.為了確保生效，請(qǐng)按照 LVHA 的循順序聲明：link–visited–hover–active。順序顛倒可能會(huì)失效。

2.因?yàn)?a 鏈接在瀏覽器中具有默認(rèn)樣式，所以我們實(shí)際工作中都需要給鏈接單獨(dú)指定樣式。

3.實(shí)際工作中，只需要寫(xiě)一個(gè)鏈接的狀態(tài)和鼠標(biāo)經(jīng)過(guò)的狀態(tài)。

• 示例

    打工人
    努力做個(gè)技術(shù)人

a {
    color: #333;
    text-decoration: none;
}
a:hover {
    color:blue;
    text-decoration: underline;
}

??:focus 偽類(lèi)選擇器用于選取獲得焦點(diǎn)的表單元素。焦點(diǎn)就是光標(biāo)，一般情況 類(lèi)表單元素才能獲取，因此這個(gè)選擇器也主要針對(duì)于表單元素來(lái)說(shuō)。

• 語(yǔ)法

input:focus {
	background-color: yellow;
}

• 示例

input:focus {
    background-color: red;
}

五、復(fù)合選擇器總結(jié)

到此，相信大家對(duì)“css提供了哪些復(fù)合選擇器”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢(xún)，關(guān)注我們，繼續(xù)學(xué)習(xí)！