css - 如何在以后的样式表中取消过于宽泛的 CSS 颜色声明？

Question

在 Rails 应用程序中，我使用 Twitter Bootstrap 作为起点。 Twitter Bootstrap 使用了一些 HTML5 Boilerplate reset，其中包括这个 gem:

@media print {
    * {
        color: #000 !important; /* Black prints faster: h5bp.com/s */
    }
}

(注意链接文章来自 200-effing-8)

我的应用程序使用 pdfkit/wkhtmltopdf 输出 PDF，由于上述声明，所有 pdf 输出都是白底黑字。 pdfkit/wkhtmltopdf(对我来说，在这个应用程序中)的全部意义在于让 PDF 输出与屏幕匹配。

在导入 Bootstrap 之后，我有什么办法可以在我的样式表中覆盖这个声明吗？我希望它类似于“自动”，但这似乎无效。

当然，我可以在 Bootstrap 中注释掉该行，但我宁愿尽可能避免更改源代码(因为我是通过 bootstrap-sass gem 引入的)。我也可以告诉 pdfkit/wkhtmltopdf 不要使用“打印”样式表，但这会产生不同的问题。

我试过将它设置为“继承”，但从功能上讲这不是我想要的，而且它似乎也不管用。

谢谢。

Answer 1

我会在 Bootstrap css 中将其注释掉。星号选择器是一个通配符，它​​将所有文本内容设置为黑色。否则你将不得不使用 id 或 class 写出很多单独的 CSS 规则来覆盖。如果您网站上的大部分文本内容已设置为黑色或足够深的颜色，则您不需要该 CSS 打印规则。