我們提供的服務有：成都網(wǎng)站設計、成都做網(wǎng)站、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、河北ssl等。為1000+企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的河北網(wǎng)站制作公司

本節(jié)我們來介紹一下 CSS 中幾種常用選擇器的定義方式：

1. 通用選擇器

通用選擇器用星號
*表示，它不匹配某個特定的 HTML 元素，而是匹配 HTML 文檔中的每個元素。在開發(fā)中，我們通常使用通用選擇器來清除 HTML 元素中默認的內外邊距，如下所示：

* {
    margin: 0 auto;
    padding: 0;
}

注意：雖然通用選擇器內的樣式規(guī)則能夠應用于 HTML 文檔中的每個元素，但并不建議在生產(chǎn)環(huán)境中過于頻繁地使用通用選擇器。正是因為通用選擇器會匹配網(wǎng)頁上每個元素的特點，頻繁的使用會給瀏覽器帶來太多不必要的壓力。

2. 標簽選擇器

一個完整的 HTML 文檔由各式各樣的標簽組成，而標簽選擇器可以通過具體的標簽名稱來匹配文檔內所有同名的標簽，如下所示：

p {
    color: blue;
}

p 選擇器能夠匹配文檔中所有的

標簽。

3. ID 選擇器

ID 選擇器用來匹配 HTML 文檔中具有指定 ID 屬性的標簽，ID 選擇器的定義需要用到井號
#，后面緊跟 ID 屬性的值，如下所示：

#nav {
    color: red;
}

#nav 選擇器能夠匹配文檔中具有
id="nav" 屬性的標簽。

4. 類選擇器

類選擇器可以根據(jù)標簽的 class 屬性匹配具體的 HTML 標簽，所有符合條件的標簽都會根據(jù)選擇器內的樣式進行格式化。類選擇器的定義需要用到一個英文的句號
.，后面緊跟 class 屬性的值，如下所示：

.black {
    color: black;
}

.black 選擇器能夠匹配文檔中所有具有
class="black" 屬性的標簽。

由于 class 屬性不是唯一的，可以應用于不同的標簽，因此您還可以在定義類選擇器時指定具體的標簽，如下所示：

p.black {
    color: black;
}

p.black 選擇器僅會將其中的樣式應用到所有具有
class="black" 屬性的

標簽中，對于其它的具有
class="black" 屬性的標簽則沒有影響。

另外，一個 HTML 標簽中 class 屬性可能不止一個，例如：

假如我們要為所有 class 屬性包含 info 的元素設置粗體，為所有 class 屬性包含 selected 的元素設置紅色字體，為 class 屬性中既包含 info 又包含 selected 的元素設置藍色背景，則可以寫成下面這樣：

.info {
    font-weight:bold;
}
.selected {
    color: red;
}
.info.selected {
    background: blue;
}

這種由多個 class 屬性值所組成的類選擇器我們可以稱之為“多類選擇器”，而前面介紹的由單個 class 屬性值定義的類選擇器可以稱為“單類選擇器”。

注意：多類選擇器中，多個 class 屬性之間是緊挨著的（例如 .info.selected），不需要使用空格分開。

5. 后代選擇器

當一個

標簽嵌套在一個

ul li a {
    text-decoration: none;
}

掃二維碼與項目經(jīng)理溝通

我們在微信上24小時期待你的聲音

解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯(lián)網(wǎng)交流

其他資訊

• 新買的域名怎么備案啊？(域名購買后怎么備案)
• 服務器空間域名如何綁定
• 云服務器購買
• Linux內核：從設計到實現(xiàn)（linux內核設計和實現(xiàn)）
• Linux下的熱備份軟件：保證數(shù)據(jù)安全（熱備份軟件linux）