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

1、通配符選擇器

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

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

2、標簽選擇器

標簽選擇器就是選擇當前頁面中相同名字的標簽

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

3、ID選擇器

id選擇器使用"#"進行標識，后面緊跟id名

{:;
}

這是標題

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

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

4、類選擇器

類選擇器就是選取頁面中所有標簽的class屬性值相同的一類標簽，用.（點）表示

{:;
}

這是標題1

這是標題2

一個標簽可以包含多個類選擇器，在class標簽中用空格隔開。

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

這是標題2

5、復(fù)合選擇器

5.1、交集選擇器

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

h3.special /* 需要滿足標簽是h3同時擁有special類 */

或

p#one /* 需要滿足標簽是p同時id為one */

5.2、并集選擇器

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

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

5.3、后代選擇器

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

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