在CSS中,選擇器是用來指定要應用樣式的HTML元素的。其中最基本和最常用的選擇器是類選擇器(class selector)。
類選擇器以一個 “.” 開頭,然后是類名,如下所示:
.classname { /* 樣式屬性 */ }
與ID選擇器不同,一個HTML元素可以有多個類名。類名之間用空格隔開,例如:
<div class="class1 class2"> // content </div>
要在CSS中選擇同時包含兩個或以上類的元素,可以使用多類選擇器(用點分隔每個類),如下所示:
.class1.class2 { /* 樣式屬性 */ }
當然,也可以只選擇其中一個類名的元素,如下:
.class1 { /* 樣式屬性 */ } .class2 { /* 樣式屬性 */ }
類選擇器非常有用,它能靈活地為不同的HTML元素應用相同的樣式。并且,使用類名命名也能使代碼更加清晰易讀。
上一篇精通css 代碼
下一篇css語言轉換成網頁