déclaration de CSS

Bonjour,
j'ai remarqué que dans la déclaration de CSS, parfois on trouve :

Code:

---

#first, #second, #third {...}

---

et parfois la virgule disparaît :

Code:

---

#first #second #third {...}

---

Quelqu'un connaît la différence entre les deux syntaxes ?

Merci d'avance

c'est totalement different on ne cible pas les meme elements.

Code:

---

1 2 3

#first, #second, #third { background-color:red; }

---

Code:

---

<div id="first">est rouge</div><div id="second">est rouge<div id="third ">est rouge</div></div>

---

on applique les propriétées css achacun des selecteur separé par une virgule. C'est donc equivalent a

Code:

---

1 2 3 4 5 6 7 8 9

#first { background-color:red; } #second { background-color:red; } #third { background-color:red; }

---

tandis que l'espace est un selecteur d'element enfant (direct ou non)

Code:

---

1 2 3

#first #second #third { background-color:red; }

---

Code:

---

1 2 3

<div id="first">n'est pas rouge</div><div id="second">n'est pas rouge<div id="third ">n'est pas rouge</div></div> <div id="first">n'est pas rouge<div id="second">n'est pas rouge<div id="extradiv"><div id="third ">est rouge</div></div></div></div>

---

merci de ces infos ! :)