Head First HTML with CSS

Changing the color of the elixir headings
Now that you know about descendant selectors, let’s set the heading to
black and the headings to red in the elixirs. Here’s how you do that:
#elixirs h2 {
color: black;
}
#elixirs h3 {
color: #d12c47;
}
A quick test drive...
Go ahead and add these new properties to the bottom of your
“lounge.css” file, save, and reload “lounge.html”.
We’ve got black and red headings
in the elixirs section, and we
haven’t affected the aquamarine
color being used for
headings in the main page.
Now all we need to do is
fix the line height.
Here we’re using the descendant
selectors to target just the
and elements in the elixirs .
We’re setting to black, and
to a red color, using a hex code.
divs and spans
you are here 455