how-give-multiple-class-html-element

GIVE MULTIPLE CLASS HTML ELEMENT

Give multiple class to html element inside html open tag write class class01 class02

Same CSS class name use more than one time . css class is not unique.

HTML Element support more than one class name

Class are define within html opening tag with class attribute

We use Multiple CSS class inside div tag .classes are separated by space

<html>
  <body>
    <div class="mydiv mydiv1"> 
      <h1> apply multiple class to html element </h1>
    </div>
  </body>
</html>

Apply external CSS to class name mydiv and mydiv1

.mydiv{
   width:320px;
   height:200px;
   border:1px solid red;
}
.mydiv1{
   background:whitesmoke;
}
.mydiv h1{
   color:blue;
}

Class name mydiv and mydiv1 CSS property apply on same target div

You use multiple classes separated by space

class="class1 class2 class3 class4"

HTML

CSS

jQuery