在CSS中,有許多樣式選擇器可以用來選擇HTML元素并應用樣式。在本文中,我們將探討幾種常見的選擇器。
1. ID選擇器
使用ID選擇器可以根據元素的ID選擇特定元素并為其應用樣式。ID選擇器以#開頭,后面緊跟著ID名稱。
#header { background-color: black; color: white; }
2. 類選擇器
使用類選擇器可以根據元素的類選擇特定元素并為其應用樣式。類選擇器以.開頭,后面緊跟類名稱。
.my-class { font-size: 16px; color: blue; }
3. 元素選擇器
使用元素選擇器可以根據元素名稱選擇特定元素并為其應用樣式。元素選擇器以元素名稱開始,不需要其他符號。
p { font-size: 14px; color: red; }
4. 組合選擇器
組合選擇器可以組合兩個或多個選擇器來選擇元素。常見的組合選擇器有以下幾種:
a:hover { color: green; } .my-class p { font-style: italic; } #header p { font-weight: bold; }
以上是一些常見的CSS樣式選擇器。熟練掌握這些選擇器可以讓你更加靈活地為HTML元素應用樣式。