class attribute is used to specify a class for an HTML element.
Multiple HTML elements can share the same class.
Using The class Attribute
In the following example we have three
<div> elements with a
class attribute with the value of “city”. All of the three
<div> elements will be styled equally according to the
.city style definition in the head section:
HTML elements can belong to more than one class.
To define multiple classes, separate the class names with a space, e.g. <div class=”city main”>. The element will be styled according to all the classes specified.
In the following example, the first
<h2> element belongs to both the
city class and also to the
main class, and will get the CSS styles from both of the classes:
Different Elements Can Share Same Class
Different HTML elements can point to the same class name.
In the following example, both
<p> points to the “city” class and will share the same style: