如何正确选择这些元素？

Question

<div id="main-content">
  <div>
    <div>target me
         <div>don't target me</div>
    </div>
  </div>
  <div>
    <div>target me too
         <div>don't target me</div>
    </div>
  </div>
</div>

我试过这个:

#main-content div>div {

}

但这个ALSO的目标是说"不要瞄准我",我希望不要针对那些div.

当然我们可以使用Id或类,但重点是为所有人声明一般规则.

请指教.

Answer 1

只需优化选择器以强制执行层次结构: #main-content > div > div

http://jsfiddle.net/zXaLU/

需要注意的是,在使用结构选择器时,引用非泛型标签会很好.

示例:#main-content > NAV > UL比有意义更有意义#main-content > DIV > DIV