CSS(層疊樣式表)是用于網(wǎng)頁設計的樣式語言。其中選擇器是CSS中最常用的部分之一。
CSS中有六種基本的選擇器:
1. 元素選擇器 2. Class選擇器 3. ID選擇器 4. 通配符選擇器 5. 屬性選擇器 6. 偽類選擇器
1. 元素選擇器
元素選擇器是通過元素的標簽名來選擇元素。比如以下代碼將選擇所有的<p>元素:
p { color: blue; }
2. Class選擇器
Class選擇器是通過元素的class屬性來選擇元素。比如以下代碼將選擇所有class屬性為"demo"的元素:
.demo { color: blue; }
3. ID選擇器
ID選擇器是通過元素的id屬性來選擇元素。一個id只能用于一個元素。比如以下代碼將選擇id屬性為"demo"的元素:
#demo { color: blue; }
4. 通配符選擇器
通配符選擇器選擇所有的元素。比如以下代碼會將所有元素的背景色設置為紅色:
* { background-color: red; }
5. 屬性選擇器
屬性選擇器是通過元素的屬性名稱和屬性值來選擇元素。比如以下代碼將選擇所有title屬性值為"example"的元素:
[title="example"] { color: blue; }
6. 偽類選擇器
偽類選擇器是用來選擇某個元素的特定狀態(tài)。比如以下代碼將選擇所有p元素的鼠標懸停狀態(tài):
p:hover { color: blue; }
以上就是CSS的六大基本選擇器。