CSS類選擇器是一種常用的選擇器類型,它可以用來選擇頁面上所有具有相同類名的元素,為它們統一設置樣式。在HTML中,我們可以通過class屬性給元素賦予類名,而在CSS中,類名以點號開頭來表示。
/*選擇所有類名為example的元素*/ .example { font-size: 16px; color: #333; }
在上述代碼中,我們使用了類選擇器 .example 來選擇所有具有類名為 example 的元素,并為它們設置了字體大小和顏色。可以看到,類名前需要添加一個點號來表示它是一個類名,而類名本身則是自定義的,可以根據需要隨時更改。
與CSS類選擇器相似的還有ID選擇器,它可以用來選擇某個具有唯一ID屬性的元素。與類選擇器不同的是,ID選擇器使用 # 符號來標識,而ID屬性值則是唯一的,不可重復。
/*選擇ID為example的元素*/ #example { background-color: yellow; }
上述代碼中,我們使用了ID選擇器 #example 來選擇具有ID為 example 的元素,并將其背景色設置為黃色。可以看到,ID名前需要添加一個 # 號來表示它是一個ID名,而ID名本身也是自定義的,同樣可以根據需要更改。
總之,CSS類選擇器和ID選擇器都是非常方便實用的CSS選擇器類型,它們可以用來快速選擇需要設置樣式的元素,從而提高CSS開發效率。