Add multiple classes javascript

Applying two CSS classes to a single element means adding both class names in the element’s class attribute, so it gets styles from both classes.

In this article, we will stick to only two classes. However, the concepts used in assigning two classes can also be extended to multiple classes.

Assigning Classes to an HTML Element

To assign classes to an HTML element, you use the class attribute.

Class attribute in html example

Class attribute in html example

Html multiple classes on one element

Class attribute in css

How to add multiple classes in css

Div class in html

You can list multiple classes by separating their names with spaces.

Note: The names of the classes must be space-separated.

Syntax

<tag_name class="class_1 class_2">

1.

Styling Elements with CSS Classes

Styling Classes Individually: When you style classes individually, each class gets its own set of CSS rules, and these styles are applied wherever those classes are used.

Syntax

<style>
.class_1{
/* some styles */
}
.class_2{
/* some styles */
}
</style>

Example: In this example, we will apply two CSS classes to a single element in HTML.

Style of class “para” is applied to b

how to add multiple classes in html

how to add more than one class in html