Discussion :

[matperino]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et parfois la virgule disparaît :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#first #second #third {...}

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

Merci d'avance

[masu]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[matperino]

merci de ces infos !