CSS的基本選擇器有以下五種:
1. 標(biāo)簽選擇器(Tag Selector)
通過(guò)標(biāo)簽名選擇元素。例如：`p {...}` 會(huì)選擇所有的 `` 元素。標(biāo)簽選擇器可以很方便地選擇相同類(lèi)型的元素，但選擇的精度相對(duì)較低。
2. 類(lèi)選擇器(Class Selector)
通過(guò)類(lèi)名選擇元素。類(lèi)名前需要加 `.(點(diǎn))`，例如：`.example {...}` 會(huì)選擇所有帶有 class="example" 的元素。類(lèi)選擇器常用于選取文檔中通用的元素，同時(shí)一個(gè)元素可以添加多個(gè)類(lèi)名。
3. ID選擇器(ID Selector)
通過(guò) ID 名選擇元素。ID 名前需要加 `#(井號(hào))`，例如：`#example {...}` 會(huì)選擇 ID 屬性為 example 的元素。ID 選擇器只能用于一個(gè)元素，而且ID名在整個(gè)頁(yè)面中必須是唯一的。
4. 屬性選擇器(Attribute Selector)
通過(guò)屬性名選擇元素。例如：`[type="text"] {...}` 會(huì)選擇所有帶有 type="text" 屬性的元素。屬性選擇器可以根據(jù)元素的屬性和屬性值來(lái)選擇元素。
5. 通用選擇器(Universal Selector)
選擇所有元素。通用選擇器為 `*`，例如：`* {...}`可以選擇所有元素，常用于全局重置樣式或處理特定情況下的特殊樣式。但通常不推薦頻繁使用通用選擇器，因?yàn)樗南妮^大且會(huì)影響性能。
以上是 CSS 最常用的基本選擇器，它們可以組合起來(lái)使用，提高CSS選擇器選擇元素的精度和效果。
京公網(wǎng)安備 11010802030320號(hào)