Grouping Constructs

In order to simplify the definition of CSS properties. Cascading Style Sheets support grouping of items. There are three different ways that items in your CSS can be grouped.

You may define classes for multiple elements by creating a comma-separated list of elements before the properties. This is done as shown below:

H1, H2, H3 { font-family: helvetica }

Secondly, you may group multiple properties together when defining a style. This simply means that multiple attributes are lumped together inside the curly braces and separated by semi-colons.

H1 { 
  font-weight: bold; 
  font-size: 12pt;
  line-height: 14pt; 
  font-family: helvetica; 
  font-variant: normal;
  font-style: normal;
}

Finally, there are specific properties which allow their own grouping in the style declaration. An example of this is shown below:

H1 { font: bold 12pt/14pt helvetica }

Table of Contents