打印时，不应应用现有样式[重复]

Question

我有一个 HTML 表格，它的类定义了一些样式属性

    .table-bordered {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-collapse: separate;
        border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color;
        border-image: none;
        border-radius: 3px 3px 3px 3px;
        border-style: solid solid solid none;
        border-width: 1px 1px 1px 0;
    } 

在打印此表格时，不应应用此样式。相反，应该只应用以下样式。现在它混合了两者。

      @media print {
        table#addressbook {
            border: solid #000 !important;
            border-width: 1px 0 0 1px !important;
        }
        table#addressbook th,table#addressbook td {
            border: solid #000 !important;
            border-width: 0 1px 1px 0 !important;
        }
    }

我正在使用 Less.js 来创建 CSS 。我怎样才能做到这一点？

Answer 1

如果您想从打印中排除某些样式（例如.table-bordered），请考虑将其移至@media screen。