Outils pour utilisateurs

Outils du site


html_css:start

HTML / CSS

Sélecteurs et Combinateurs

Élément

Exemple:

P {
 
}

Classe

Exemple:

.ma-classe {
 
}

Élément avec classe(s)

Exemples:

P.ma-classe {
 
}
P.classe1.classe2 {
 
}

Id

Exemple:

#mon-bouton {
 
}

Descendant

Opérateur (espace)
Sélection Tous les éléments inclus dans l'élément spécifié, mais pas forcément enfants directs

Exemple:

DIV P {
 
}

Enfant

Opérateur >
Sélection Tous les éléments qui sont des enfants directs de l'élément spécifié

Exemple:

DIV > P {
 
}

Adjacent

Opérateur +
Sélection Élément placé directement après l'élément spécifié

Exemples:

DIV + P {
  // Premier P placé immédiatement après la DIV
}

Frères et soeurs

Opérateur ~
Sélection Tous les éléments situés au même niveau que l'élément spécifié

Exemple :

DIV ~ P {
 
}
html_css/start.txt · Dernière modification: 2021/12/05 12:39 par marclebrun