Use two style classes in an HTML element

Typically you can only set a class for one element, but that doesn't mean you can't use two of them.

In fact, you can: <p class= "text side" >...</p>

The P element is also given two classes, the middle is opened with an empty space, so that all text and side two class attributes will be added to the P element. If there are conflicting attributes in their two classes, the latter setting works, that is, the properties of the class that are placed in the CSS file are in effect.
For example: We define two styles first, the first style background is #666, and the second style has a ten px border.
. One{width:200px;background: #666;}
. two{border:10px solid #F00;}
In the page code, we can call this
<div class= "One" ></div>
The final result is that the DIV has both a #666 background and a 10px border.

Use two style classes in an HTML element