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

时间:2013-04-05 16:23:45

标签: css ruby-on-rails twitter-bootstrap override

在Rails应用程序中,我使用Twitter Bootstrap作为起点。 Twitter Bootstrap使用了一些包含此gem的HTML5 Boilerplate重置:

@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不使用“print”样式表,但这会产生不同的问题。

我已经尝试将其设置为“继承”但功能上并不是我所追求的,并且它似乎无论如何都不起作用。

感谢。

1 个答案:

答案 0 :(得分:1)

我会在bootstrap css中评论它。星号选择器是一个通配符,它​​将所有文本内容设置为黑色。否则,您必须使用id或类来编写许多单独的CSS规则来覆盖。如果您网站上的大多数文字内容已设置为黑色或颜色足够深,则您不需要该CSS打印规则。