CSS3 Quick Syntax Reference: A Pocket Guide to the Cascading Style Sheets Language

© Mikael Olsson 2019

Mikael OlssonCSS3 Quick Syntax Referencehttps://doi.org/10.1007/978-1-4842-4903-1_2

2. Grouping

Mikael Olsson¹ 

(1)

Hammarland, Finland

 

To keep style sheets short and easy to edit, similar rules can be grouped together. This grouping provides several ways to specify a set of related rules. For example, you can color the text red and the background black for two header elements in four different ways, as described in the following sections.

Ungrouped Rules

Each rule can be written separately, which allows you to apply individual style rules to each selected element.

h1 { color: red; }

h1 { background: black; }

h2 { color: red; }

h2 { background: black; }

Grouped Selectors

The selectors can be grouped together by separating them with a ...