Head First HTML with CSS

exercise solutions
Sharpen your pencil
Sharpen your pencil
h1.greentea
p img
a:link
486 Chapter 11
Solution
Your job is to give the “detailed directions” link in the lounge some style. Just like the elixirs
link, we want all unvisited links to be aquamarine, and all visited links to be gray. However,
we don’t want the other links in the lounge to have any hover style... that’s unique to the
elixirs. So, how would you do it? Fill in the blanks to give the “detailed directions” link, and
any other links you might add to the lounge later, this style. Here’s the solution.
Solution
0 1 1
0 0 2
0 1 1
a:link
a:visited
color
color
____________ { __________: #007e7e; }
____________ { __________: #333333; }
Try your hand at caclulating the specificity of these selectors using the
cascade rules. Here’s the solution.
ol li p
.green
#elixirs h1
0 0 3
0 1 0
1 0 1
em
span.cd
#sidebar
0 0 1
0 1 1
1 0 0