jquery或CSS選擇器來移除特殊情況下的填充

我有一些動態生成的div，id = myFavDiv和class = myFavdiv，這是我的應用程序中的多個屏幕共享的。 myFavDiv（ID選擇器）的css如下所示。jquery或CSS選擇器來移除特殊情況下的填充

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

但是，我有一個特殊的div與id =「salesTotal」，在這裏我有myFavDiv動態生成。但是，在這種特殊情況下，即'myFavDiv'出現在'salesTotal'div內時，邊距會導致佈局問題。

是否有一個CSS方式，通過某種選擇哪會說像處理/操縱餘量爲0（對於「myFavdiv」） - 「只有當‘myFavDiv’出現withing‘salesTotal’，設置填充爲零。另請注意，'myFavDiv'不直接在'salesTotal'內。

我也可以用一些JQuery的方式來操縱這個CSS。

我無法更改上面的CSS，因爲它會影響應用程序中的許多其他位置。

請指教，謝謝。

你要填充設置爲0的myFavDiv或salesTotal？我的答案將在myFavDiv上將填充設置爲0;如果你希望它在salesTotal上爲0，它將採用jQuery，我可以刪除該答案。 –

你想設置填充= 0或邊距？ –

感謝您的回覆，並對之前的混淆抱歉。我想設置邊距= 0.同樣也會編輯原始文章。 – user1006072

你只添加第二個規則與後代選擇：

#salesTotal #myFavDiv { 
    margin: 0; 
}

而且，獎金：

#myFavDiv { 
    margin: 0 20px; 
}

你不需要的：你可以將其替換現有的代碼px之後的值爲0，並且如果您有相同的上/下和左/右，則可以刪除第二組值（因此，0 20px實際上最終被瀏覽器讀取爲0 20px 0 20px）。

要清楚，你的最終代碼應該是：

#myFavDiv { 
    margin: 0 20px; 
} 

#salesTotal #myFavDiv { 
    margin: 0; 
}

2012-01-24 19:49:10

馬特，非常感謝。我試了一下，但沒有奏效。對於上述解決方案的工作，在HTMl中 - myFavDiv是否需要直接在salesTotal div中。就我而言，事實並非如此。 – user1006072

@ user1006072：沒有。只要它在'＃salesTotal'內的某個地方，就沒關係。 – BoltClock

@ user1006072我已經根據你的說明調整了代碼：它現在清除了#myFavDiv而不是填充的邊距。 –

回答