CSS Grouping Selectors

The universal selector (*) selects all HTML elements on the page.

The CSS rule below will affect every HTML element on the page: *

The grouping selector selects all the HTML elements with the same style definitions. Look at the following CSS code (the h1, h2, and p elements have the same style definitions): h1

h2

p

It will be better to group the selectors, to minimize the code. To group selectors, separate each selector with a comma.

In this example we have grouped the selectors from the code above: h1, h2, p

# id #firstname Selects the element with id="firstname". class.intro Selects all elements with class="intro" * *

div, p