談?wù)凜SS中的幾種選擇器

1、通配符選擇器

通配符選擇器用“*"號(hào)表示，是所有選擇器中作用范圍最廣的，能匹配頁面中所有的元素

/*設(shè)置當(dāng)前頁面中所有標(biāo)簽的顏色為紅色*/* {color: red;
}

2、標(biāo)簽選擇器

標(biāo)簽選擇器就是選擇當(dāng)前頁面中相同名字的標(biāo)簽

/*設(shè)置所有p標(biāo)簽的文字顏色為紅色*/p {color: red;
}

3、ID選擇器

id選擇器使用"#"進(jìn)行標(biāo)識(shí)，后面緊跟id名

{:;
}

這是標(biāo)題

注意HTML標(biāo)簽中ID的屬性值在一個(gè)頁面中必須是唯一的（是W3C規(guī)范而不是硬性規(guī)則）。

ID選擇器命名規(guī)范

4、類選擇器

類選擇器就是選取頁面中所有標(biāo)簽的class屬性值相同的一類標(biāo)簽，用.（點(diǎn)）表示

{:;
}

這是標(biāo)題1

這是標(biāo)題2

一個(gè)標(biāo)簽可以包含多個(gè)類選擇器，在class標(biāo)簽中用空格隔開。

.head {color: blue;
}.subHead {font-size: 50px;
}

這是標(biāo)題2

5、復(fù)合選擇器

5.1、交集選擇器

交集選擇器又稱標(biāo)簽指定式選擇器，由兩個(gè)選擇器構(gòu)成，其中第一個(gè)為標(biāo)記選擇器，第二個(gè)為class選擇器或id選擇器，兩個(gè)選擇器之間不能有空格，如

h3.special /* 需要滿足標(biāo)簽是h3同時(shí)擁有special類 */

或

p#one /* 需要滿足標(biāo)簽是p同時(shí)id為one */

5.2、并集選擇器

并集選擇器是各個(gè)選擇器通過逗號(hào)連接而成的，任何形式的選擇器（包括標(biāo)記選擇器、class類選擇器id選擇器等），都可以作為并集選擇器的一部分。如果某些選擇器定義的樣式完全相同，或部分相同，就可以利用并集選擇器為它們定義相同的CSS樣式

/*同時(shí)給標(biāo)簽h3與class為box的元素設(shè)置樣式*/h3, .box {color: red;font-size: 14px;
}

5.3、后代選擇器

后代選擇器用來選擇元素或元素組的后代，其寫法就是把外層標(biāo)記寫在前面，內(nèi)層標(biāo)記寫在后面，中間用空格分隔。當(dāng)標(biāo)記發(fā)生嵌套時(shí)，內(nèi)層標(biāo)記就成為外層標(biāo)記的后代（后代不僅僅包括兒子，還包括子子孫孫）。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com