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

标签 html css

我有一个奇怪的情况,我正在努力改善。我的 HTML 内容在我的网页上显示良好,但在其他网页上显示不佳。我在我的页面中定义了一个样式,我将其应用于 <img>标签来限制它的宽度,效果很好。

不过,我想要的是在我的 <img> 上使用内联 CSS基本上说“嘿,如果我指定的样式不存在,请改为执行此样式”的标签。有什么办法吗?

(对于那些好奇的人,这是为了可以在其他地方重新发布的内容,我无法控制其他页面上的 CSS)

更新

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

最佳答案

CSS:

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

html:

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

img 边框颜色将为红色,除非样式表不存在,否则默认为蓝色。

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

关于html - 当样式不存在时使用内联 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9218969/

相关文章:

drop-down-menu - 如何使CSS菜单以向上方向而不是默认向下方向打开菜单

jQuery fadeIn() 结果显示 : block for inline element

javascript - 如何使用 beautiful soup 将 javascript 添加到 html 中?

php - 从字符串重新创建 HTML 文档的正确方法?

javascript - 将鼠标悬停在图像的一个点上,文本会出现在侧面

css - 如何创建带有间隙的自定义边框?

javascript - 如何使用php将表单内容发送到数据库

html - 使用 Bootstrap 的登录/注册页面

javascript - 防止 MeteorJS 集合中的口是心非(通过表单)

html - 根据屏幕大小调整字体大小