在CSS中,class是一種用于標(biāo)記HTML元素的屬性,它允許你給元素分配一個(gè)或多個(gè)類名。這些類名可以用來(lái)定義元素的樣式或綁定JavaScript事件。
當(dāng)你給一個(gè)元素添加class屬性時(shí),它的值應(yīng)該是一個(gè)或多個(gè)空格分隔的類名。例如:
<div class="button primary">Submit</div>
在這個(gè)例子中,我們給一個(gè)<div>元素添加了兩個(gè)類名:button和primary。這些類名用空格分隔,它們可以為元素賦予不同的樣式或行為。
你可以用CSS來(lái)選擇一個(gè)或多個(gè)類,并定義它們的樣式。例如:
/* 選擇button類 */ .button { background-color: #ccc; color: #fff; padding: 10px 20px; text-decoration: none; border-radius: 5px; } /* 選擇primary類 */ .primary { background-color: #007bff; color: #fff; }
在這個(gè)例子中,我們使用.button選擇器來(lái)定義所有類名為button的元素的樣式。同樣,使用.primary選擇器來(lái)定義所有類名為primary的元素的樣式。在這兩種情況下,我們使用類名作為選擇器。
通過(guò)使用class屬性,你可以輕松地處理大規(guī)模的樣式和JavaScript交互。它使得HTML元素的樣式和行為分離,讓你的代碼更具可維護(hù)性和可擴(kuò)展性。