-
CSS > CSS selector cheat sheet
Basic
Type
Nom de l’élément
input, div, span("select")
Class
Nom de la classe.We need to use the dot “.” followed by the class name for writing this expression
.sort
ID
Nom de l’ID. use the hash “#” followed by id value for writing this expression
#offers
Attribute
Nom de l’attribut. use the attribute’s key value inside square brackets
[attr=value] [value='lowestprice']
Group
Sélectionne un groupe d’éléments séparés par une virgule
("[id='offers'], select, option")
Combinators
Descendant
Les descendants du parent. On utilise l’espace " " suivi du descendant
.sort select
Child
L’enfant direct du parent. On utilise "
>" suivi de l’enfant.sort > select
General Sibling
Tous les siblings concerning the current element. On utilise "
~" suivi du sibling élement#offers ~ a
Adjacent Sibling
Tous les sibling immédiats concerning the current element. On utilise "
+" suivi du sibling élement#offers + a
Pseudo
Identifie un élement à son état. On utilise "
:" suivi de son état.select:enabled