談談CSS中的幾種選擇器

1、通配符選擇器

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

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

2、標簽選擇器

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

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

3、ID選擇器

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

{:;
}

這是標題

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

ID選擇器命名規范

4、類選擇器

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

{:;
}

這是標題1

這是標題2

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

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

這是標題2

5、復合選擇器

5.1、交集選擇器

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

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

或

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

5.2、并集選擇器

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

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

5.3、后代選擇器

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

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