CSS選擇器是Web開發中非常重要的一個概念,它允許開發者通過指定不同的選擇器來選中HTML文檔中的不同元素并進行樣式修改。在這篇文章中,我們將介紹CSS選擇器中的前幾個。
1. 元素選擇器
p { color: blue; }
元素選擇器是最基礎的選擇器。它會選中指定元素類型的所有元素,并將樣式應用于它們。在上面的代碼中,我們將所有<p>元素的顏色設置為藍色。
2. ID選擇器
#header { font-size: 20px; }
ID選擇器通過元素的ID屬性來選中特定的元素。在HTML文檔中,每個元素的ID應該是唯一的。在上面的代碼中,我們選中了ID為“header”的元素,并將字體大小設置為20像素。
3. 類選擇器
.active { color: red; }
類選擇器通過元素的class屬性來選中特定的元素。一個元素可以有多個class,各個class之間以空格分隔。在上面的代碼中,我們選中了有“active”class的元素,并將顏色設置為紅色。