**[CSS](https://www.educative.io/answers/what-are-cascading-style-sheets-css) (Cascading Style Sheets)** define a webpage element's appearance by hooking into the attributes that are applied to that element. These attributes can be either an ID or a class and, like all attributes, they must add helpful information to the elements that they are assigned to.

An element is usually only assigned one class. The corresponding CSS for that particular class defines the appearance properties for that class.

However, we can also assign multiple classes to the same element in CSS. In some cases, assigning multiple classes makes page styling easier and *much* more flexible.

# Syntax
To assign multiple classes to an element, separate each class with a space within the element's class attribute.

```
<p class = "firstclass secondclass thirdclass"> Some text... </p>
```
# Code
The first div gets the properties of `class1`, the second div gets those of `class2`, while the third gets the properties of both `class1` and `class2`.

.class1 {
    color: #D81C1F;
}

.class2 {
    background-color:#296BCB;
}


// Async Tests Example
/*
window.onModulesLoaded = new Promise( function( resolve, reject ) {
  setTimeout(function() {
    pTag = document.querySelector("div");
    pTag.innerHTML = '';
    newVal = document.createElement("p");
    newVal.innerHTML = 'Hello World';
    pTag.appendChild(newVal);
    resolve();
  }, 100)
});
*/

codemirror

**[CSS](https://www.educative.io/answers/what-are-cascading-style-sheets-css) (Cascading Style Sheets)** define a webpage element's appearance by hooking into the attributes that are applied to that element. These attributes can be either an ID or a class and, like all attributes, they must add helpful information to the elements that they are assigned to.

An element is usually only assigned one class. The corresponding CSS for that particular class defines the appearance properties for that class.

However, we can also assign multiple classes to the same element in CSS. In some cases, assigning multiple classes makes page styling easier and *much* more flexible.

# Syntax
To assign multiple classes to an element, separate each class with a space within the element's class attribute.

```
<p> Some text... </p>
```
# Code
The first div gets the properties of `class1`, the second div gets those of `class2`, while the third gets the properties of both `class1` and `class2`.

How to use multiple classes on the same element in CSS

Syntax

Code