How to change just the css inside a DIV and not anywhere else?

Tags: css

Problem :

I have this code :

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

Why are ALL my headers black instead of just the ones inside "message_rouge" and the rest red?

Thanks :)

---

Solution :

Each line is it's own selector, but you're only specifying .message_rouge on the first one.

Use this instead:

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