在CSS中,我們可以使用類和ID來定義樣式。類和ID都是選擇器的一種,用于選擇HTML元素并為其應用樣式。
要定義一個類,在CSS代碼中使用句點(.)作為前綴,后跟類名。如下所示:
.class-name { /* 樣式代碼 */ }
類名可以是任何有效的CSS選擇器,如單詞、下劃線、連字符、數字等,但它們不能以數字開頭。
要在HTML中應用此類,只需將其添加到元素的“class”屬性中即可:
<div class="class-name"></div>
類可以多次應用于HTML元素,這為我們提供了更多的靈活性。
與類相比,ID具有更高的特定性。它們現在被認為是不理想的選擇器,應盡可能少地使用。如果需要特定的元素應用樣式,可以使用ID。
定義ID使用“#”符號作為前綴,后跟ID名稱。如下所示:
#id-name { /* 樣式代碼 */ }
與類類似,ID名稱不能以數字開頭,且在我們的HTML文檔中每個ID名稱都必須是唯一的。
在HTML中應用ID時,將其添加到元素的“id”屬性中:
<div id="id-name"></div>
總的來說,類和ID是CSS中非常重要的概念。它們可以幫助我們更好地控制HTML元素的樣式,并提供更好的代碼組織和重用。