Using multiple CSS classes for one element in HTML

To create CSS faster, we can assign multiple classes to a single HTML element and style each class separately. This approach allows us to manage redundancy in style application. We can apply common styles to many classes and category-specific styles to specific categories.

grammar

Example

In the following example, we use the style of class "Varma" to apply to two paragraphs, and the second paragraph has the style of secondclass varma1 applied.

   

   

      Hello Everyone.
   
   

      Welcome to Turorialspoint.
   

The results will be generated after executing the above script. It is a combination of the text "Welcome to tutorialspoint" with two CSS styles and the text "Hello everyone" with a single CSS style.

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
   

When executed, the script generates a text output with two CSS styles applied: "Welcome to Tutorial Point".

The above is the detailed content of Using multiple CSS classes for one element in HTML. For more information, please follow other related articles on the PHP Chinese website!