如何重置這個特殊的CSS選擇器

Question

我有一個WordPress主題CSS以下選擇，我已經被告知沒有主題的創作者編輯：

.entry img, img.thumbnail { 
    margin-bottom: 10px; 
    padding: 2px; 
    border: 1px solid #DDD; 
    background: white; 
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); 
} 

所以我加入這一個輔助的CSS嘗試'取消'出上面的CSS選擇器的效果：

.entry img, img.thumbnail { 
    margin-bottom: 0px; 
    padding: 0px; 
    border: 0px; 
    background: #fff; 
    -moz-box-shadow: 0; 
    -webkit-box-shadow: 0; 
    box-shadow: 0; 
} 

但是，它似乎沒有改變任何東西。 我不確定我需要在上面的代碼段中編輯什麼。

我試圖擺脫它消失的邊界，當我手動取消選中在谷歌鉻合金檢查下列選項：

• -moz-箱陰影
• -webkit-箱-shadow
• 的box-shadow

Answer 1

使用沒有而不是0修復了問題。 CSS樣式的順序也很重要，確保將這些樣式放在CSS的底部。

Working DEMO

.entry img, img.thumbnail { 
    margin-bottom: 0px; 
    padding: 0px; 
    border: 0px; 
    background: #fff; 
    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    box-shadow: none; 
} 

Answer 2

如果您在例如Chrome的檢查元素，並您的規則默認的後申請？

如果是的話，你可以嘗試加入！來，重要的是覆蓋。

.entry img, img.thumbnail { 
    -moz-box-shadow: none !important; 
    -webkit-box-shadow: none !important; 
    box-shadow: none !important; 
} 

Answer 3

陰影應設置爲none

2.

背景應該是沒有手短復位，因爲IE瀏覽器有問題，由速記復位

嘗試

background-color:#fff 

的

代替

background:#fff 

3.

還有一種叫做 「特異性」。

特殊照顧代碼具有相同的特異性，因爲它覆蓋的代碼，所以它需要它覆蓋下面的代碼，或者具有更高的特異性。

嘗試的目標多一個選擇的代碼：

.entry img, img.thumbnail 

高特異性：

body .entry img, body img.thumbnail 

特異性指的是CSS規則的 「權威」。不同的選擇器有不同的「權重」。

標識具有一個重量爲100，類10，元素選擇1.

.entry img, img.thumbnail 

有11對的第一條語句和10的第二個。在兩個前面添加主體以使其具有+1特定性，以便覆蓋舊代碼。

5.

如果你關心支持老的IE，鬆img.thumbnail，它可能會導致問題在IE中，只有.thumbnail取代。你可以這樣做，如果沒有其他元素的類.thumbnail然後img元素。

希望有所幫助。

Answer 4

我！每一個CSS規則很重要，或者你可以添加wraper股利和CSS中使用它。

像

HTML

<div id="wraper_div"> 
<div class="your_class"></div> 
</div> 

CSS：

#wraper_div .your_class{ 
/*CSS PROPERTY*/ 
}