1. Write a style declaration (or set of declatations) that will: (a) make "Fire Kingdom" red, and (b) make everything else grey.
<ul>
<li class="kingdoms">
Kingdoms
<ul>
<li id="fire_kingdom">Fire Kingdom</li>
<li id="grass_kingdom">Grass Kingdom</li>
</ul>
</li>
<li class="swords">
Swords
<ul>
<li id="golden_sword">Golden Sword of Battle</li>
<li id="root_sword">Root Sword</li>
<li id="demonblood_sword">Demon Blood Sword</li>
<li id="grass_sword">Grass Sword</li>
<li id="finn_sword">Finn Sword</li>
</ul>
</li>
</ul>
2. Write a different way to achieve #1.
3. Write a different way to achieve #1.
4. Write a different way to achieve #1.
5. Write a different way to achieve #1.
6. Write the html markup required for each of the following selector.
#content.generic #page_content ul li a
7. Write the html markup required for each of the following selector.
#content.generic ul#page_content li a
8. Write the html markup required for each of the following selector.
#content.generic ul#main_nav li ul.dropdown li a
9. Write the html markup required for each of the following selector.
#outer_content.content span.inner_content.bigger h1 a
10. Write the html markup required for each of the following selector.
#outer_content .content span .inner_content .bigger h1 a