如何用ID选择内部div？

Question

我想通过指定ID来选择div中的div。

具有指定ID的HTML

<div id="divOuter">
   <div id="divInner">
   </div>
</div>

如果我想通过使用ID选择器来选择divInner更多的点样式我应该使用什么？

我试过

div#divOuter> div#divInner 

但无法使其发挥作用。

Answer 1

由于ID必须是唯一的，

#divInner

就足够了。

如果您有更多具有相同ID的元素，则必须更改它（您可能希望使用类）。

<强>更新

好的，我明白了。但您的选择器是正确的：http://jsfiddle.net/fkling/AsPam/

要么你有另一个规则来覆盖这个规则，要么你的结构不同。

更新2：

哦，正如其他人所说，the child selector is not supported by IE6。你必须省略它：

div#divOuter div#divInner 

Answer 2

由于ID是唯一的，您真正需要的是

#divInner
{
    /*styles*/
}

这将选择HTML元素的ID属性并应用样式。

如果您需要将样式重复到多个元素，请使用类

.divInner
{
    /*styles*/
}

Answer 3

#divOuter div{...}

或

#divInner{...}

Answer 4

对于初学者（我知道这可能是一个错字），你检查过拼写吗？

在选择方面，您似乎想要使用id标记，换句话说，您只需按照以上所有人的说法执行操作：#idInner{...}