コメント欄の背景色カスタマイズで、CSS勉強中スタッフのブログ -アメブロ改造・カスタマイズに、自分のコメントの色を変えてみるというのがある。では、ブログにいただいたコメントの色を変えるには？
とあるグルっぽで、「自分のコメントだけしか変えられないのか」と尋ねられた。
「全体のコメントのカスタマイズを行なって、それから自分のコメントをカスタマイズすればいいのではないですか？」と説明した。
まず、全部のコメントの背景色を変える。
.blogComment {
background: red;
}
そのあとで自分のコメントの背景色を変える。
.ownerComment {
background: blue;
}
ためしに、
.blogComment {background: red;} だけで全部のコメント背景色が変わっていることを確認してから、 .ownerComment {background: blue;} を貼って見ると、よく理解できる。
CSSは後から書いたほうが優先される。
だから、この順番は重要。
ためしに、上下を入れ替えて貼ってみるとよく分かる。
CSSはあとから書いたほうが優先。←これ重要。
/*個々のコメントの背景色*/
.blogComment {
background: red;/*全部のコメントの背景色*/
}
.ownerComment {
background: blue;/*自分のコメントの背景色*/
}
ブログネタ：うどん・そばには七味・一味かける？ 参加中 このカスタマイズを七味と一味に例えるなら……。
まずは、赤唐辛子だけの一味唐辛子を振りかけておいてから、他の生姜、紫蘇、山椒、陳皮、胡麻、麻種が加えられた七味唐辛子をかけるようなもの。
一味唐辛子がいいのに、七味唐辛子をかけてしまうと、唐辛子以外の成分を取り出すことは困難。
一味唐辛子がかかっていても、七味唐辛子を重ねて、七味の香りを楽しむことは容易にできる。
赤唐辛子の比率がちょっと高くなるけれど。
七味唐辛子の香りのハーモニーが好き♪