CSS選擇器是用于選擇要應(yīng)用樣式的HTML元素的工具。以下是五種常見(jiàn)的CSS選擇器并附上選擇器示例:
1. 標(biāo)簽選擇器 p { color: blue; }
標(biāo)簽選擇器根據(jù)元素的標(biāo)簽名稱(chēng),將樣式應(yīng)用于所有該標(biāo)簽的元素。例如,將所有段落文本顏色設(shè)置為藍(lán)色。
2. 類(lèi)選擇器 .heading { font-weight: bold; }
類(lèi)選擇器根據(jù)元素的class屬性的值選擇要應(yīng)用樣式的元素。例如,將所有class為heading的元素字體加粗。
3. ID選擇器 #header { background-color: gray; }
ID選擇器根據(jù)元素的id屬性的值選擇要應(yīng)用樣式的元素。例如,將ID為header的元素背景顏色設(shè)置為灰色。
4. 子選擇器 ul li { list-style: none; }
子選擇器選擇嵌套在另一個(gè)元素中的元素。例如,將所有嵌套在無(wú)序列表(ul)中的列表項(xiàng)(li)的列表樣式設(shè)置為無(wú)。
5. 后代選擇器 article p { line-height: 1.5; }
后代選擇器選擇嵌套在另一個(gè)元素中的所有元素。例如,將所有嵌套在article元素中的段落(p)的行高設(shè)置為1.5。