具有「border」屬性的div在CSS中的ID不會接受應用於所有div的「border-radius」屬性

我想給我所有div的邊界半徑爲5px，並且我希望某些div具有根據他們的編號增加邊界資產。具有「border」屬性的div在CSS中的ID不會接受應用於所有div的「border-radius」屬性

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給出關於其邊界的不同指令？

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

來源

2013-09-25 Michael Nail

都顯示邊界半徑，以我的Chrome Win7上。請記住，由於邊框的粗細，縮放內邊框半徑並不一定等於外邊框半徑，所以'＃leftpanel'的內邊框半徑看上去是方形的，但外邊框半徑不是。一個簡單的檢查方法是將邊框半徑增加到10，在這種情況下，內邊框的半徑應該明顯變圓。 –

也許做

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

來源

2013-12-14 17:27:19 geek

具有「border」屬性的div在CSS中的ID不會接受應用於所有div的「border-radius」屬性

回答

相關問題