将风格标记为不重要

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

将电子邮件所需的默认样式应用为内联样式。然后在样式表print和normal中使用!important覆盖。

HTML

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

CSS

#somediv{
background:green!important;
}

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