css - CSS 中 id 具有“border”属性的 div 不会接受应用于所有 div 的“border-radius”属性

Question

我想给我所有的 div 一个 5px 的边框半径，并且我希望某些 div 根据它们的 id 具有额外的边框属性。

div {
    background-color: #CCCCCC;
    border-radius: 5px;
}

#toppanel {
    height: 70px;
    width: 90%;
    margin: auto;
}

#leftpanel {
    float: left;
    width: 150px;
    height: 500px;
    border: 5px black solid;
}

我的#toppanel div 现在有圆角，但我的#leftpanel div 没有。这是否意味着将任何边框属性应用于一组更具体的元素会排除任何更普遍发布的与边框相关的指令？

我是否需要从 div{...} 指令中删除border-radius 指令，然后将其添加到每个id？或者有没有办法一次向所有 div 发出边界半径指令，同时使用 id 为不同的 div 提供关于其边界的不同指令？

我目前在 2012 年中期的 macbook air 上的完全更新的 Safari 中使用 jsfiddle。

Answer 1

也许做

#leftpanel , #toppanel{
border-radius:inherit;
}