在CSS中,符號"."代表一個類,它是一種將樣式應用于頁面特定元素的CSS選擇器。
使用類選擇器可以將樣式規則應用于所有具有相同類名的元素。在HTML中,我們可以將一個或多個類名應用于元素,然后在CSS中使用相應的類選擇器來定義它們的樣式。
/* 將所有類名為 "my-class" 的元素的背景顏色設置為紅色 */ .my-class { background-color: red; }
可以使用空格來指定多個類名,這將選擇具有這些類名之一的元素。
/* 將所有類名為 "my-class" 或 "my-other-class" 的元素的背景顏色設置為紅色 */ .my-class, .my-other-class { background-color: red; }
還可以將類名與其他選擇器結合使用,以更具體地選擇元素。
/* 將所有類名為 "my-class" 的元素的背景顏色設置為紅色 */ p.my-class { background-color: red; }
需要注意的是,類名不能以數字開頭,并且只能包含字母、數字、連字符(-)和下劃線(_)。
總的來說,類選擇器是使用最廣泛的選擇器之一,它是使應用程序更加模塊化和可重復的重要工具。