css - DIV内のcssだけを変更し、他の場所では変更しない方法は?

Question

私はこのコードを持っています:

h1, h2, h3, h4{ 
    color: red;
}
.message_rouge h1, h2, h3, h4,{color: black;}

「message_rouge」内のヘッダーだけが黒く、残りが赤くなるのはなぜですか?

ありがとう ：）

Answer 1

各行は独自のセレクターですが.message_rouge、最初の行のみを指定しています。

代わりにこれを使用してください：

.message_rouge h1, 
.mesage_rouge h2,
.mesage_rouge h3,
.mesage_rouge h4 {
    color: black;
}

Answer 2

これは間違っています

.message_rouge h1, h2, h3, h4,{color: black;}

これは正しいです

.message_rouge h1,.message_rouge h2,.message_rouge h3,.message_rouge h4,{color: black;}