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) - 无论如何只是针对'widget'div？

谢谢!

Answer 1

使用直接儿童组合器,>:

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