Classes are an efficient way of grouping HTML elements so that they can share the same styles. CSS (Cascading Style Sheets) classes can be used to arrange and decorate web page elements.
When writing HTML, you can add classes to an element. Just add the attribute `class="myclass"` to the element. Multiple elements can have the same class, and one element can have multiple classes. You can assign multiple classes to an element by adding all the desired class names separated by a space to the `class` attribute in HTML.
```html
<h1class="super-man other-class third-class">"Here I come to save the day!"</h1>
<p>is a popular catchphrase that <spanclass="super-man">Super Man</span> often said.</p>
The order of the multiple classes you give to an element is irrelevant. If classes of a single element have conflicting styling, the order of the classes does not override the styling of the element but the order in CSS does.
```html
<divclass="batMan voice">
I have a deep voice.
</div>
```
```css
.voice{
color:red;
border:1px solid #000
}
.batMan{
border:1px solid #194745
}
```
In this example, border of the element would be green even if the class "voice" comes second in html.
You can see the result of the above code [here](https://codepen.io/Tlandis/pen/RLvomV). Learn how to combine css classes using selectors [here](https://www.w3schools.com/css/css_combinators.asp).