Target first level s and not the nested s

Question

I have the following HTML:

  
A
    

      
subsection
    
  
  
B
    <         


        

Answer 1

Have a container

with a class, and use the > selector. Lets say your container div's class is "myclass":

.myclass ul li {
   ...this will affect both levels of li.
}

.myclass > ul > li {
   ...this will only affect the first level.
}

.myclass > ul > li > ul > li {
   ...this will only affect the second level.
}

Note: the > selector does not work in IE6 and below when used as a CSS selector. It does work in all other browsers though, including IE7 and IE8, and when used in JQuery, it works in all browsers supported by jQuery, including IE6.

0 讨论(0)

查看其它6个回答

发布评论:

提交评论

---

•  加载中...