當我們需要定義樣式來應用于一個或多個HTML元素時,我們可以使用CSS類選擇器。類選擇器可以與HTML元素中的class屬性配合使用,以此來為該元素添加類樣式。
.example { color: red; font-size: 18px; }
在上述代碼中,".example"就是我們定義的類選擇器,當應用于HTML元素時,該元素將獲得紅色文字顏色和18像素大小的字體。
類選擇器的命名約定應該具有描述性,以便更清晰地表達樣式的含義。常見的命名約定包括使用小寫字母、使用短劃線(-)代替空格、使用簡潔但明確的命名。
.main-content { background-color: #f5f5f5; padding: 10px; }
在上述代碼中,".main-content"就是一個描述性的類選擇器,應用于HTML元素時,該元素將獲得淺灰色的背景色和10像素的內邊距。
需要注意的是,類選擇器可以應用于任意多個HTML元素,比如:
.sidebar, .footer { background-color: #ccc; font-size: 14px; }
在上述代碼中,“.sidebar, .footer”表示該類選擇器將應用于兩個HTML元素(sidebar和footer),這兩個HTML元素將獲得灰色的背景色和14像素的字體大小。
上一篇css怎樣居中背景圖片
下一篇css怎樣圓角矩形