重寫預定義的CSS樣式

我那裏有在CSS與預定義的影像風格像這樣的情況：重寫預定義的CSS樣式

<html> 
<head> 
<STYLE TYPE="text/css"> 
    #content img { 
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2); 
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2); 
    -box-shadow: 2px 2px 2px rgba(0,0,0,0.2); 
    } 
</STYLE> 
</head> 
<body bgcolor="#dddddd"> 
    <div id="content"> 
     <img src="image.gif" /> 
    </div> 
</body> 
</html>

對於大多數頁面內這是確定的圖像，但在某些情況下，我想顯示沒有預定義風格的圖像。在某種程度上可能嗎？也許是一種內聯風格？

來源

2011-09-02 Randomize

您可以添加一個類到您不想擁有此樣式的圖像。

#content img.noshadow{ 
    -moz-box-shadow: 0; 
    -webkit-box-shadow: 0; 
    box-shadow: 0; 
}

然後offcourse你的形象將是<img class="noshadow" src="image.gif" />

來源

2011-09-02 19:12:28

我嘗試添加類以上的樣品並添加相同的圖像，但它不適合我（鉻13）工作 – Randomize

我不好，還有不應該是之前-box陰影破折號，編輯我的回答 –

它仍然沒有工作對我來說:( – Randomize

有很多方法可以做到這一點。正如你所提到的，內聯樣式是一種選擇。還有其他人。你應該閱讀一些關於css優先級的內容。

一個可能的鏈接（第一個結果在谷歌，不知道這個網站一般但文章看了好）：

http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/

來源

2011-09-02 19:09:41

感謝一個非常有用的閱讀！ – Randomize

作出更具體的CSS選擇器：

body #content img { 
    ... 
}

來源

2011-09-02 19:10:14

您可以在這種情況下定義內聯樣式。如下所示。

<img src="image.gif" height="" width="" ... />

希望這可以幫助你！

來源

2011-09-02 19:10:42 Praveen

重寫預定義的CSS樣式

回答

相關問題