CSS 中,我們可以使用連續(xù)兩個類來實現(xiàn)更為精細的樣式控制。下面我們將介紹兩種方法。
方法一:使用多個類名。我們可以為一個元素指定多個類名,每個類名之間用空格隔開,如下所示:
<div class="class1 class2">這是一個帶有兩個類名的 div 元素</div>
.class1 {
color: red;
}
.class2 {
font-size: 16px;
}
上面的代碼中,我們?yōu)?div 元素同時指定了 class1 和 class2 兩個類名,分別控制了其文本顏色和字體大小。
方法二:使用連續(xù)類。我們也可以將兩個類名連在一起,中間不使用空格,如下所示:
<div class="class1class2">這是一個帶有連續(xù)類名的 div 元素</div>
.class1class2 {
color: red;
font-size: 16px;
}
上面的代碼中,我們將 class1 和 class2 兩個類名連在一起,形成了一個新的類名 class1class2,同時控制了其文本顏色和字體大小。
需要注意的是,使用連續(xù)類名的方法通常應(yīng)用于樣式比較簡單的情況,如果樣式比較復(fù)雜,建議使用多個類名來實現(xiàn)。
上一篇哪個不是CSS長度單位
下一篇哪些是css支持的濾鏡