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

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

1. 通用選擇器

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

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

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

2. 標簽選擇器

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

p {
    color: blue;
}

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

標簽。

3. ID 選擇器

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

#nav {
    color: red;
}

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

4. 類選擇器

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

.black {
    color: black;
}

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

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

p.black {
    color: black;
}

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

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

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

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

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

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

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

5. 后代選擇器

當一個

標簽嵌套在一個

ul li a {
    text-decoration: none;
}