При печати существующие стили не должны применяться

У меня есть таблица 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 . как я могу сделать это самым простым способом?

1 ответ

Если вы хотите исключить некоторые стили из печати (например, .table-bordered), рассмотрите возможность перемещения в @media screen,

Другие вопросы по тегам