CSS幫助 - DIV如何忽略之前在頁面上設置的CSS？

Question

我正在使用AjaxControlToolkit CalendarExtender。我的樣式表中的一些先前的規則影響日曆中的div。

div#paymentRegion div 
{ 
    float:left; 
    width:49%; 
} 

日曆中有DIV被強制爲49％。我如何讓日曆忽略以前的設置並使用日曆附帶的樣式？那可能嗎？我害怕改變目前的規則，但我認爲它可能需要，但是這個控制的其他許多div都依賴於它。 >符號對CSS規則有什麼作用？例如

div#paymentRegion > div 
{ 
    float:left; 
    width:49%; 
} 

也許這會有幫助嗎？我很樂意提供任何建議。在聖地亞哥

Answer 1

理論上 感謝， 〜CK，該>符號只會選擇div S中的#paymentRegion的直接孩子。向下嵌套的div將不受影響。 但是，並非所有瀏覽器都能正確解釋，所以它不是您可以可靠使用的東西。

更直接的解決方法是換您的日曆在<div id="calendar">，然後寫一個壓倒一切的規則：

div#paymentRegion div { 
    float: left; 
    width: 49%; 
} 

div#calendar div { 
    float: none; 
    width: auto; 
} 

現在雖然最div的內線#paymentRegion將是浮動的，裏面#calendar的div不會！

Answer 2

VoteyDisciple是正確的，因爲他提出的解決方案的規則比目前的規則具有更高的特異性。

More information on calculating specificity rules。

Answer 3

很難知道什麼建議沒有任何HTML。你能告訴我們基本的結構嗎？例如，div的第一條規則是直接子#paymentRegion？

如果它是最高級別div（不一定是直接的孩子），和所有其他的div是低於一個，你可以試試這個：

div#paymentRegion div { 
    float: left; 
    width: 49%; 
} 

div#paymentRegion div div { 
    float: none; 
    width: auto; 
} 

然而，最好的辦法是設置一個如果你可以改變你的HTML，那麼這個mysery上的class/ID是div。

div#paymentRegion div#uniqueID { 
    float: left; 
    width: 49%; 
}