重写预定义的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样式

回答

相关问题