При печати существующие стили не должны применяться
У меня есть таблица 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
,