如何重置Bootstrap的通用选择器属性？

Question

我使用的bootstrap css文件包含：

@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    background: transparent !important;
  }
}

不幸的是搞乱了我的内容的CSS着色（其中包括第三方Javascript小部件库）。即，我看到了一些黑白相间的东西。我可以在我的html页面中做什么，以便我的页面样式，好像我从bootstrap css文件中删除了这些行？

我认为这可行：

@media print {
    *,
    *:before,
    *:after {
        color:initial !important;
        background:initial !important;
    }
}

但这似乎没有任何效果。我可以设置颜色（例如红色），但这样可以将所有颜色设置为红色，而我想要的颜色会在Bootstrap没有设置任何内容时生效。

这可能吗？

以下是我所描述的问题的一个例子： https://jsfiddle.net/ty59susm/3/

Answer 1

@Sarcoma关于打印查询是否正确，当您尝试打印文件时是否出现着色问题？ 如果在浏览器中正常查看文件时出现问题，则必须是另一个绊倒你的CSS规则。

初始颜色和背景值分别为黑色和透明，因此您编写的规则仍会声明黑色和透明值。

据我所知，从Bootstrap中删除打印样式的唯一方法是从样式表中删除它们。通过取消打印样式并从开发文件夹中链接它来下载自定义版本的Bootstrap。 http://getbootstrap.com/customize/