在CSS中,class是一種非常常見的選擇器,它能夠根據給定的CSS規則來為HTML元素定義樣式。
例如,我們想要為所有的文本輸入框添加一些樣式:
.text-input {
font-size: 14px;
border: 1px solid #CCC;
padding: 10px;
}
在上面的代碼中,".text-input"就是一個class選擇器,它指定了所有class屬性為"text-input"的元素應該被應用這些CSS規則。 在HTML中,我們可以這樣寫:
上面的元素添加了一個class屬性,其值為"text-input"。 有時候,我們需要同一個元素使用多個class。例如:
上面的元素中,class屬性有兩個值:"text-input"和"large"。這是非常常見的用法,特別是在開發響應式網站時。
總之,class是CSS選擇器中的一個重要概念,它能夠為HTML元素添加樣式,使網頁更加美觀和易于理解。