html - 将样式标记为不重要

Question

是否有任何方法可以将样式标记为不重要 - 即它应该被任何其他重叠样式覆盖。

我生成一个 html 格式的报告。底部有两个按钮，返回 和打印 按钮。在打印时通过链接到包含 { display: none; 的 print.css 删除这些按钮。 }。这些按钮在由 Web 服务显示时正常显示，因为 normal.css 文件定义了按钮的样式。

<link rel="stylesheet" href="../../normal.css" type="text/css">
<link rel="stylesheet" href="../../print.css" type="text/css" media="print">

我希望能够将报告作为 html 文件通过电子邮件发送，并且按钮在单独显示时也会消失。显然 print.css 不会出现，也不会出现 normal.css 文件，所以我需要一个内联样式，它只在样式 不存在时生效 在别处定义。

.bottomButtons { display: none NOT !important; }

This建议内联样式将始终覆盖链接样式。我希望可以以某种方式解决这个问题。

我要覆盖我的样式(normal.css 文件中的样式)为:

tr.bottomButtons
{
    background-color:#48C;
    color:#FFF;
    height:30px;
    valign:middle;
    font-weight:700;
}

我无法更改 normal.css 文件中的样式。

Answer 1

将电子邮件所需的默认样式应用为内联样式。然后在样式表打印和正常中使用 !important 进行覆盖。

html

<div id = "somediv" style = "background:red;"></div>

CSS

#somediv{
background:green!important;
}

当 css 文件存在时，#somediv 的背景颜色为绿色，当它们不可用时，颜色为红色