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