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