特別な場合にパディングを削除するためのJqueryまたはCSSセレクタ

Question

id = myFavDivおよびclass = myFavdivで動的に生成されるdivがあり、これはアプリケーションの多くの画面で共有されます。 myFavDiv（IDセレクタ）のCSSは以下のようになります。

#myFavDiv { 
margin: 0px 20px 0px 20px; 
}  

しかし、私は、ID =「salesTotal」と特定のDIVを有し、この内私はmyFavDivが動的に生成されています。ただし、この特別な場合、つまり 'myFavDiv'が 'salesTotal' divの内側に表示されると、余白によってレイアウトの問題が発生します。

「myFavDiv」が「salesTotal」と表示されている場合のみ - 「 'myFavDiv'が '0'（ 'myFavdiv'の場合）を処理/処理するCSS方法がありますか？ゼロにパディング。また、 'myFavDiv'は 'salesTotal'内に直接存在しないことに注意してください。

私はこのCSSを操作するいくつかのJqueryの方法でも大丈夫です。

上記のCSSは、アプリケーションの他の多くの場所に悪影響を及ぼすため、変更できません。

ありがとうございます。

Answer 1

あなただけの子孫セレクタを有する第二のルールを追加したい：、またボーナスを

#salesTotal #myFavDiv { 
    margin: 0; 
} 

を：あなたがして、既存のコードを置き換えることができます。

#myFavDiv { 
    margin: 0 20px; 
} 

あなたは必要ありません。 pxが0の値の後にあり、同じ上下左右がある場合は、2番目の値のセットを切り捨てることができます（として0 20pxが実際にブラウザによって読み取られてしまいます）。それを明確に、あなたの最終的なコードがあるべきようにするに

：

#myFavDiv { 
    margin: 0 20px; 
} 

#salesTotal #myFavDiv { 
    margin: 0; 
}