在CSS中,您可以使用以下兩種方法來添加兩個(gè)類名:
1、使用空格分隔兩個(gè)類名:您可以在一個(gè)元素上添加兩個(gè)類名,只需在類名之間使用空格分隔即可。
<div class="class1 class2">Hello World</div>
在這個(gè)例子中,div
元素同時(shí)擁有class1
和class2
兩個(gè)類名,您可以在CSS中分別定義這兩個(gè)類名的樣式。
2、使用CSS的add()
函數(shù):從CSS3開始,可以使用add()
函數(shù)來添加多個(gè)類名。
<div class="class1">Hello World</div>
然后在CSS中添加以下樣式:
div.class1 { add: class2; }
在這個(gè)例子中,div
元素在已經(jīng)擁有class1
類名的情況下,通過CSS的add()
函數(shù)添加了class2
類名,同樣地,您也可以在CSS中分別定義這兩個(gè)類名的樣式。
需要注意的是,使用add()
函數(shù)添加類名的方法在舊版本的瀏覽器上可能不被支持,在使用這種方法時(shí),請確保您的目標(biāo)瀏覽器支持CSS3的add()
函數(shù)。