means this css will be applicable for h2 elements: - which has parent node with class name "inner". means this css will be applicable for all ul elements: - which has class name "features".
thx for ur replay and i think for example the h2 elements the html will be like this <div class="inner"> <h2>judge</h2> <h2>judge<h2> </div> Code (markup): and this apply for any h2 nested in div for features must be like this <ul class="features"> Code (markup):
if this my html <div class="inner"> <h2>Recent Features</h2> <ul class="features"> <li> <h3><a href="">Head for the Hills: Is Altitude Training the Answer?</A></h3> <p>Lachlan 'Super Toe' Donald</p> <p>Vestibulum ante ipsum primis in faucibus orci luctus etultrices posuere cubilia Curae; Praesent hendrerit iaculis arcu.</p> <p><a href="">Full Story</a></p> </li> <li > <h3><A href="">Hack up the Place: Freestylin' Super Tips</a></h3> <p>Jules 'Pony King' Szemere</p> <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent hendrerit iaculis arcu.</p> <p><a href="">Full Story</a></p> </li> <li > <h3><A href="">The Complete Black Hat Hacker's Survival Guide</A></h3> <p>Mark 'Steel Tip' Harbottle</p> <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent hendrerit iaculis arcu.</p> <p><a href="">Full Story</a></p> </li> <li > <h3><A href="">Five Tricks You Didn't Even Know You Knew</A></h3> <p>Simon 'Mack Daddy' Mackie</p> <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent hendrerit iaculis arcu.</p> <p><a href="">Full Story</a></p> </li> </ul> </div> Code (markup): and i want style the link headings i style it by .inner h3 a:link {underline:none ....} or .features h3 a:link{underline: none .......} Code (markup):
what about the another difference .features li img Code (markup): sorry i know i ask very primitive questions
the css will be applicable for images, which has parent node li, and the li node has parent node with class name .features example: <div class="features"> <li><img src="images/someimage.gif" width="32" height="32"></li> </div> HTML: