CSS是網頁設計中必不可少的一環,而類選擇器則是其中重要的一種選擇器。類選擇器的格式如下:
.classname { property: value; }
其中,".classname"表示類選擇器,可以自定義名稱,但要以英文字母或下劃線開頭,不能含有空格和特殊字符;"{ property: value; }"表示屬性,可設置多個屬性,以分號隔開。
類選擇器一般用于為HTML元素添加特定的樣式屬性。例如,如果想要將所有段落文本設置為紅色,可以使用以下CSS代碼:
.red-text { color: red; }
在HTML中,可以通過在元素的class屬性中添加該類名稱來應用該樣式:
<p class="red-text">這是一段紅色的文本</p>
需要注意的是,一個HTML元素可以同時應用多個類名,用空格分隔,這樣它將繼承所有類中定義的樣式,例如:
.red-text { color: red; } .bold-text { font-weight: bold; }
<p class="red-text bold-text">這是一段紅色且加粗的文本</p>
這樣,該段落文本就同時具有紅色和加粗兩種樣式。
上一篇html 書頁代碼