在HTML中為一個元素使用多個CSS類

為了更快地建立CSS，我們可以給單一HTML元素賦予多個類，並分別為每個類別設定樣式。這種方法允許我們管理樣式應用的冗餘。我們可以將通用樣式套用到許多類，而將特定類別的樣式套用到特定類別。

文法

Example

在下面的範例中，我們使用class「Varma」的樣式來套用於兩個段落，而第二個段落套用了secondclass varma1的樣式。

    
 Hello Everyone. 
 
 Welcome to Turorialspoint. 
  

執行上述腳本後將產生結果。它是文字「歡迎來到tutorialspoint」與兩個CSS樣式以及文字「大家好」與單一CSS樣式的組合。

Example: Using javascript

##In the following example we are adding two style to an single text by declaring the .bg-blue style and .text-white style.

    
Welcome To Tutorialspoint
   

執行時，腳本產生一個應用了兩個CSS樣式的文字輸出：「歡迎來到教程點」。

以上是在HTML中為一個元素使用多個CSS類的詳細內容。更多資訊請關注PHP中文網其他相關文章！