assign multiple classes to an element by putting multiple class names in an element's class attribute : Class Selector « Style Basics « HTML / CSS






  1. HTML / CSS
  2. Style Basics
  3. Class Selector

assign multiple classes to an element by putting multiple class names in an element's class attribute

  



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.paragraph2{
  margin-bottom:40px;
}

.colorSetting{
  color:#ccc
}

</style>
</head>
<body>
  <h2 class="double-space">This is a header
  this is a test. this is a test. 
  this is a test. this is a test. 
  this is a test. this is a test. 
  this is a test. this is a test. 
  this is a test. this is a test. 
  this is a test. this is a test. 
  </h2>
  <p class="paragraph2 colorSetting">This is a text.</p>
  <p>This is a text.</p>
</body>
</html>








Related examples in the same category

1.Class assigns a user-defined semantic meaning to an element
2.class for a tag with dot operator
3.init capital
4.class name + nested tag names
5.Create a class inside blockquote
6.Style for HTML tag in a DIV with class name
7.Add style to both ul and li
8.Combine style together
9.Specify two attributes in class
10.Anchor with class name
11.To style the few paragraphs belonging to the double-space class with a bottom margin of 2 ems using *.double-space{margin-bottom:2em;}.
12.Subclass Selector
13.Combined class
14.CSS class rule
15.Document Wide CSS rules
16.Multiple Classes Example