I use descendant selectors a lot because I like to get every attribute that I can off the html page. Here''s my nav.
<li><a href="#" id="navLoan">LOAN CENTER</a></li>
<li><a href="About.aspx" id="navAbout">ABOUT US</a></li>
<li><a href="Contact.aspx" id="navContact">CONTACT US</a></li>
<li><a href="Testimonials.aspx" id="navTestimonials">TESTIMONIALS</a></li>
<li><a href="#" id="navResources">RESOURCES</a></li>
<li><a href="#" id="navFAQ">FAQ</a></li>
<li><a href="#" id="navHome">HOME</a></li>
Here's the related css for the nav
padding: 0 25px;
border-right:1px solid #424542;
This empty div from above <div id="home"></div> is supposed to tell my css what the current page is and in this case, it's the home page. I want to add a background image to the nav link that corresponds to the current page (the home link). This doesn't work and doesn't inherit any styling.