虽然打印现有样式不适用

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。