https://www.xiaobuteach.com/html/css-base/selector.html?from=bili

CSS 選擇器

1 什么是選擇器

例：為頁面所有div設(shè)置字體大小與顏色。

? ? ? ?div{ ? ? ? ? ? ?font-size:16px; ? ? ? ? ? ?color:#a5a0a0; ? ? ? ?}

基本語法

選擇器{ ?樣式內(nèi)容 }

根據(jù)選擇器篩選出（選擇）當前HTML頁面的多個元素，對它們統(tǒng)一進行樣式設(shè)置。

樣式內(nèi)容可以設(shè)置多個樣式，通常我們一個樣式一行，提高代碼可讀性。

優(yōu)點

以前我們通過style屬性為每一個html元素設(shè)置樣式，很多重復內(nèi)容。

通過選擇器可以1次選擇多個html元素，進行統(tǒng)一的樣式設(shè)置，減少重復代碼。

理解選擇器

如何1次選擇這多個html元素？這個規(guī)則的設(shè)置，即選擇器類型。

因為項目需求有各種不同的場景，所以CSS提供了多種選擇器類型。

2 選擇器常用類型

下面分別介紹4大類選擇器，共11種選擇器。

1）基礎(chǔ)選擇器

基礎(chǔ)選擇器類型包括3種：標簽選擇器、類選擇器、ID選擇器。

2）高級選擇器

高級選擇器包括3種：后代選擇器、子元素選擇器、屬性選擇器。

3）復合選擇器

復合復選擇包括2種：逗號選擇器、連續(xù)選擇器。

4）偽類選擇器

偽類選擇器常用的包括3種：鏈接偽類、集合偽類、before與after偽類。

組合用法

各選擇器可適當?shù)淖杂山M合，我們需要識別它們最基礎(chǔ)的用法以及組合用法。