CSS - 目标只有一层深

Question

我现在正在与Sharepoint合作，并说它的代码结构/布局是一团糟将是一个巨大的轻描淡写。它有一个左侧导航，我希望其中的所有项目都使用div围绕它们设置样式（我将它们单独定位，但Sharepoint有数百个小部件，每个小部件都有自己的名称类），例如：

<div id="leftNav">
    <div id="widget1">
        <div></div>
        <div></div>
    </div>
    <div id="widget2">
        <div></div>
        <div></div>
    </div>
</div>

我已经尝试了#leftNav div { }，但是也针对子div（以及这些div的子div） - 无论如何都只是针对“小部件”＃39;的div？

谢谢！

Answer 1

使用直接子组合器>：

#leftNav > div {
    /* ... */
}

Answer 2

您可以使用child selector定位元素的直接子元素。

#leftNav > div