HTML and CSS Reference
In-Depth Information
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.
a:link
a:visited
color
color
{ : #007e7e; }
{ : #333333; }
Try your hand at calculating the specificity of these selectors using
the cascade rules. Here's the solution.
h1.greentea
0 1 1
0 0 3
0 0 1
ol li p
em
0 0 2
.green
0 1 0
0 1 1
span.cd
p img
0 1 1
1 0 1
1 0 0
#sidebar
a:link
#elixirs h1
