我想使用scss样式表中的@media print
规则来准备打印页面,但是遇到了一个我无法轻易解决的问题。对于布局,我使用具有本地sass支持的bootstrap 4,因此我编写了如下规则:
.card-body {
@extend .col;
}
这使我不会将引导类的标记弄乱。我现在想做的是,如果要打印页面,请将此card-body
更改为col-4
。
.card-body {
@extend .col;
@media print {
.card-body {
@extend .col-4;
}
}
}
我知道,由于多种原因,这行不通。是否对此有任何清洁的解决方案(可能无需更改标记)?