如何为 CSS 包添加打印样式？答案

【问题标题】：How to add print styles for a CSS bundle?如何为 CSS 包添加打印样式？
【发布时间】：2019-02-05 20:11:45
【问题描述】：

我目前有一个网站，我们所有的 CSS 文件都被捆绑到一个文件中。现在的问题是，需要为这个站点添加打印样式，但是我该怎么做呢？

当前所有 CSS 文件都包含在主 CSS 包中，这意味着所有样式都是从该包中导入的。

我不想只为打印样式制作一个新的 CSS 包，有什么方法可以在我的主 CSS 包中包含一个打印样式，

并且仅在预览页面以进行打印时使用该样式？

【问题讨论】：

@media print { YOUR PRINT CSS }
你会在哪里定义/添加这个单独的 CSS 文件，然后将它包含在主 CSS 包中，如果是这样，添加打印样式就足够了吗？
将它添加到 CSS 文件的末尾，因为您想覆盖默认值。
对于主包，还是每个人？，主包正在一起编译/构建，所以我必须注入该管道..我无法添加带有@987654322的css文件@ 在一个单独的 Css 文件中，包含在主 css 包中，并编译它？
我不知道，因为我对您的捆绑过程一无所知。就像对待项目中的任何其他 CSS 一样对待它。

【解决方案1】：

如果您想使用相同的 CSS，您可以使用媒体查询定位打印布局

@media print {
  .snig { 
     display: none;
   }
}

【讨论】：