CSSのヘルプ - DIVは、ページに以前設定されたCSSを無視するにはどうしたらいいですか？

Question

私はAjaxControlToolkit CalendarExtenderを使用しています。スタイルシートの以前のルールの中には、カレンダー内のdivに影響を与えるものがあります。

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

強制的に49％になるDIVがカレンダー内にあります。カレンダーに以前の設定を無視させ、カレンダーに付属のスタイルを使用するにはどうすればよいですか？それは可能ですか？私は現在のルールを変更することを恐れているが、おそらくそうである必要があると思うが、このコントロールの他の多くのディビジョンがそれに頼っている。 >シンボルはCSSルールに対して何をしますか？たとえば、

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

多分役立つでしょうか？私は何か提案をするために開いています。 おかげで、サンディエゴ〜CK

Answer 1

理論的には、>シンボルは#paymentRegionの直接の子であるだけdiv Sを選択することになります。 divはさらに遠くにネストされても影響を受けません。 だが、すべてのブラウザで正しく解釈されるわけではないので、信頼できる方法ではない。

より直接的な解決策は<div id="calendar">でカレンダーをラップしてから上書きルールを記述することです：

今

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

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

#paymentRegion内部最もdiv sが、#calendar内部divを浮上させることになるにもかかわらず、されません！

Answer 2

VoteyDiscipleは正しいです、提案されたソリューションのルールは現在のものより高い特異性を持っているためです。

More information on calculating specificity rules。

Answer 3

HTMLなしで何を提案するのかを知ることは難しいです。基本的な構造を教えていただけますか？たとえば、divは、最初のルールで直接的な子である#paymentRegionの対象になっていますか？

それは最高レベルdiv（必ずしも直接の子）で、他のすべてのdivのはその1を下回っている場合は、この試すことができます：

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

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

しかし、最善の策は、設定することですがあなたのHTMLを変更することができる場合は、その苗字divのクラス/ ID。

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