CSS選擇器

1、標籤選擇器

標籤選擇器其實就是html代碼中的標籤

2、類選擇器

英文圓點開頭

3、ID選擇器

一、爲標籤設置id="ID名稱"，而不是class="類名稱"。

二、ID選擇符的前面是井號（#）號，而不是英文圓點（.）。

4、類選擇器和ID選擇器的區別

相同點：能夠應用於任何元素

不一樣點：

一、ID選擇器只能在文檔中使用一次。與類選擇器不一樣，在一個HTML文檔中，ID選擇器只能使用一次，並且僅一次。而類選擇器可使用屢次。

二、可使用類選擇器詞列表方法爲一個元素同時設置多個樣式。咱們能夠爲一個元素同時設多個樣式，但只能夠用類選擇器的方法實現，ID選擇器是不能夠的（不能使用 ID 詞列表）。即一個標籤能夠設置多個class名，而ID屬性只能有一個。

5、子選擇器

即大於符號(>),用於選擇指定標籤元素的第一代子元素。

6、後代（包含）選擇器

包含選擇器，即加入空格,用於選擇指定標籤元素下的後輩元素。

請注意這個選擇器與子選擇器的區別，子選擇器（child selector）僅是指它的直接後代，或者你能夠理解爲做用於子元素的第一代後代。然後代選擇器是做用於全部子後代元素。後代選擇器經過空格來進行選擇，而子選擇器是經過「>」進行選擇。

總結：>做用於元素的第一代後代，空格做用於元素的全部後代。

7、通用選擇器

通用選擇器是功能最強大的選擇器，它使用一個（*）號指定，它的做用是匹配html中全部標籤元素

8、僞類選擇符

關於僞類選擇符，到目前爲止，能夠兼容全部瀏鑑器的「僞類選擇符」就是 a 標籤上使用 :hover 

9、分組選擇符

當你想爲html中多個標籤元素設置同一個樣式時，可使用分組選擇符（，）