来自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发出border-radius指令，同时使用id为不同的div提供关于其边界的不同指令？

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

Answer 1

也许做

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