本文目錄導讀：

1. 直接選擇元素
2. 使用類選擇器和ID選擇器
3. 使用屬性選擇器
4. 使用偽類選擇器

CSS標簽選擇器詳解

CSS（層疊樣式表）是一種用于描述HTML文檔樣式的語言，而標簽選擇器則是CSS中用于選擇HTML元素的一種方式，CSS是如何定義標簽選擇器的呢？

直接選擇元素

在CSS中，可以直接通過元素名稱來選擇HTML元素，要選擇所有的段落元素（<p>），可以使用以下CSS規(guī)則：

p {
  color: red;
}

這條規(guī)則會將所有段落元素的文字顏色設置為紅色。

使用類選擇器和ID選擇器

除了直接選擇元素外，CSS還支持通過類（class）和ID來選擇HTML元素，類選擇器以點號（.）開頭，ID選擇器以井號（#）開頭。

.myClass {
  color: blue;
}
#myID {
  color: green;
}

這條規(guī)則會將所有具有myClass類的元素文字顏色設置為藍色，將ID為myID的元素文字顏色設置為綠色。

使用屬性選擇器

CSS還支持通過元素的屬性來選擇元素，要選擇所有具有特定屬性的元素，可以使用以下CSS規(guī)則：

[type="text"] {
  color: orange;
}

這條規(guī)則會將所有type屬性為text的元素文字顏色設置為橙色。

使用偽類選擇器

偽類選擇器用于選擇處于特定狀態(tài)的元素，如鼠標懸停、點擊等，要選擇鼠標懸停在鏈接上的元素，可以使用以下CSS規(guī)則：

a:hover {
  color: purple;
}

這條規(guī)則會將鼠標懸停在鏈接上的元素文字顏色設置為紫色。

CSS提供了多種方式來定義標簽選擇器，使得***可以靈活地選擇和應用樣式。