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