Head First HTML with CSS

class selectors
Creating a selector for the class
To select a class, you write the selector like this:
The p selector
is first.
318 Chapter 8
body {
font-family: sans-serif;
}
h1, h2 {
color: gray;
}
h1 {
}
p {
}
Then use a “.” to
specify a class.
p.greentea {
color: green;
}
This selector selects
all paragraphs in the
greentea class.
border-bottom: 1px solid black;
color: maroon;
p.greentea {
color: green;
}
Last is the
class name.
So now you have a way of selecting elements that belong to a certain class.
All you need to do is add the class attribute to any elements you want to be
green, and this rule will be applied. Give it a try: open your “lounge.css” file and
add the p.greentea class selector to it.
And here’s the rule... make any
text in a paragraph in the
greentea class the color green.