当样式不存在时使用内联CSS

Question

我有一个奇怪的情况，我正在努力改善。 我的HTML内容可以在我的网页上正常显示，但不能在其他页面上正常显示。 我在页面中定义了一种样式，该样式应用于<img>标记以限制其宽度，并且效果很好。

不过，我想在我的<img>标记上<img>内联CSS，基本上说“嘿，如果我指定的样式不存在，请改为执行此操作”。 有什么办法吗？

（对于那些好奇的人，这是针对可以在其他地方重新发布的内容，我无法控制其他页面上的CSS）

更新

完美， !important规则正是我所需要的。 感谢所有回答。

Answer 1

CSS：

img {
    border: solid 2px red !important;
}

HTML：

<img style="border: solid 2px blue;">

除非样式表不存在，否则img边框颜色将为红色（默认情况下为蓝色）。

参见示例： http ： //jsfiddle.net/GyR6N/

Answer 2

在这种情况下，将默认样式（在样式表上）设置为重要，如下所示：

img {
   border: 3px solid black !important;
}

并应用您的自定义内联样式：

<img src="foobar" style="border: 1px solid blue;">

您的样式表将覆盖它，但是由于它不会在不同的网站上存在，因此它将使用内联样式（当然，除非该站点也碰巧有一个覆盖您的重要规则！）

Answer 3

您可以做的是使用！important标签定义要在CSS中检入的样式，然后在图像标签上添加内联样式。 如果样式可用，则！important标签将覆盖图像内联样式。

img.red
{
    background:red !important;
}

<img class="" style="background:blue;" src="" alt="" />
<img class="red" style="background:blue;" src="" alt="" />

除非图像的等级为“红色”，否则页面将使用蓝色背景作为图像。