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

【问题标题】：divs with "border" properties from their id's in the CSS won't accept "border-radius" properties applied to all divsCSS 中的 id 具有“border”属性的 div 不会接受应用于所有 div 的“border-radius”属性
【发布时间】：2013-12-15 01:27:19
【问题描述】：

我想给我所有的 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。

【问题讨论】：

在 Win7 上都使用 Chrome 向我显示边框半径。请记住，内边框半径是按比例缩放的，由于边框的粗细，不一定等于外边框半径，所以#leftpanel 的内边框半径看起来是方形的，但外边框半径不是。一个简单的检查方法是将边框半径增加到 10，在这种情况下，内边框半径应该是明显的圆角。

标签： css

【解决方案1】：

也许会

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

【讨论】：