设置蓝图div的颜色

Question

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

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

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

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

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

Answer 1

时间陈述显而易见的事实 - 为什么你不能用自己的规则覆盖div.error规则？

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

Answer 2

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

Answer 3

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

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

Answer 4

您可以通过添加div属性为此特定id设置任何颜色：

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

然后添加您的CSS文件：

#myblueprint { background:blue; }