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

我需要把div{...}指令中的border-radius指令去掉，然后给每个id加上吗？或者有没有一种方法可以同时向所有 div 发出 border-radius 指令，同时使用 id 为不同的 div 提供有关其边框的不同指令？

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

Answer 1

也许可以

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