blueprint-css - 设置蓝图 div 的颜色

Question

有没有办法在蓝图中设置 div 的背景颜色？

我注意到 class=error 会将颜色设置为粉红色（通知/成功类似）：

<div class="error"> 
   <p>whatever</p>
</div> 

但我想知道是否有办法将 div 设置为任意颜色？

编辑：我实际上并不关心错误/通知/成功。我只是希望能够以与他们类似的方式设置 div 的颜色，但使用我选择的颜色。

Answer 1

只需...定义您自己的 CSS 类并将background和/或（用于字体颜色）color属性设置为颜色值；然后设置一个 div 作为它的类之一？

Answer 2

是时候说明显而易见的事情了——为什么你不能div.error用你自己的规则来覆盖规则？

div.error { background:black; color:#fff; }.. 还是你不想打破某种奇怪的约定？如果是这样，您可以使用不同的类名。

Answer 3

error是的，您可以通过在主 CSS 文件中指定规则来轻松覆盖CSS。

理想情况下，这应该覆盖默认颜色。否则，只需确保您在规则中使用更高的特异性，例如：div.container div.error { color: red; }

Answer 4

div你可以通过添加一个id属性来设置这个特定的任何颜色：

<div class="error" id="myblueprint"> 
   <p>whatever</p>
</div>

然后添加你的 CSS 文件：

#myblueprint { background:blue; }