我有以下html
<div class="section">
<div>header</div>
<div>
contents
<div>sub contents 1</div>
<div>sub contents 2</div>
</div>
</div>
还有如下风格:
DIV.section DIV:first-child
{
...
}
由于某种我不明白的原因,样式被应用到 "sub contents 1" <div>
以及“标题” <div>
.
我认为样式上的选择器仅适用于具有名为“section”的类的 div 的第一个直接子级。如何更改选择器以获得我想要的?
最佳答案
您发布的字面意思是“查找位于部分 div 内并且是其父级的第一个子级的任何 div。” sub 包含一个与该描述匹配的标签。
我不清楚你是否想要主 div 的两个 child 。如果是这样,请使用:
div.section > div
如果你只想要标题,使用这个:
div.section > div:first-child
使用 >
将描述更改为:“查找任何作为部分 div 的直接后代的 div”,这就是您想要的。
请注意所有主流浏览器都支持此方法,IE6 除外。如果 IE6 支持是关键任务,则必须将类添加到子 div 并改为使用它。否则就不值得关心了。
关于html - 是否只有第一个直接子级的 CSS 选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2094508/