CSS的基本選擇器有以下五種:
1. 標簽選擇器(Tag Selector)
通過標簽名選擇元素。例如:`p {...}` 會選擇所有的 `` 元素。標簽選擇器可以很方便地選擇相同類型的元素,但選擇的精度相對較低。
2. 類選擇器(Class Selector)
通過類名選擇元素。類名前需要加 `.(點)`,例如:`.example {...}` 會選擇所有帶有 class="example" 的元素。類選擇器常用于選取文檔中通用的元素,同時一個元素可以添加多個類名。
3. ID選擇器(ID Selector)
通過 ID 名選擇元素。ID 名前需要加 `#(井號)`,例如:`#example {...}` 會選擇 ID 屬性為 example 的元素。ID 選擇器只能用于一個元素,而且ID名在整個頁面中必須是唯一的。
4. 屬性選擇器(Attribute Selector)
通過屬性名選擇元素。例如:`[type="text"] {...}` 會選擇所有帶有 type="text" 屬性的元素。屬性選擇器可以根據元素的屬性和屬性值來選擇元素。
5. 通用選擇器(Universal Selector)
選擇所有元素。通用選擇器為 `*`,例如:`* {...}`可以選擇所有元素,常用于全局重置樣式或處理特定情況下的特殊樣式。但通常不推薦頻繁使用通用選擇器,因為它的消耗較大且會影響性能。
以上是 CSS 最常用的基本選擇器,它們可以組合起來使用,提高CSS選擇器選擇元素的精度和效果。