blueprint-css - ブループリント div の色を設定する

Question

ブループリントで div の背景色を設定する方法はありますか?

class=error が色をピンクに設定することに気付きました (通知/成功は似ています):

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

しかし、divを任意の色に設定する方法があるかどうか知りたいですか?

編集:私は実際にエラー/通知/成功を気にしません。div の色を同じように設定できるようにしたいだけですが、自分で選んだ色を使用します。

Answer 1

ただ...独自のCSSクラスを定義し、backgroundおよび/または（フォントの色の）colorプロパティを色の値に設定します。次に、それをクラスの1つとして持つように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; }