what the diffrance between those

Discussion in 'CSS' started by judge0, Mar 8, 2008.

  1. #1
    can anyone tell me what the the difference between those

    .inner h2
    
    ul.features
    Code (markup):

     
    judge0, Mar 8, 2008 IP
  2. softnmore

    softnmore Peon

    Messages:
    34
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    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".
     
    softnmore, Mar 8, 2008 IP
  3. judge0

    judge0 Peon

    Messages:
    400
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #3
    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):
     
    judge0, Mar 8, 2008 IP
  4. softnmore

    softnmore Peon

    Messages:
    34
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    yes... exactly :)
     
    softnmore, Mar 8, 2008 IP
  5. judge0

    judge0 Peon

    Messages:
    400
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #5
    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):
     
    judge0, Mar 8, 2008 IP
  6. judge0

    judge0 Peon

    Messages:
    400
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #6
    what about the another difference

    .features li img
    Code (markup):
    sorry i know i ask very primitive questions
     
    judge0, Mar 8, 2008 IP
  7. softnmore

    softnmore Peon

    Messages:
    34
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #7
    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:
     
    softnmore, Mar 9, 2008 IP