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 に追加する必要がありますか? または、id を使用して境界線に関して異なる div に異なる指示を与えながら、一度にすべての div に border-radius 命令を発行する方法はありますか?

私は現在、2012年半ばのMacBook Airで完全に更新されたSafari内でjsfiddleを使用しています。

Answer 1

多分そうする

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