Mise à jour le 16/02/2024

RWEB 0024 Écrire des sélecteurs CSS efficaces

Ref. Version →
Ref. BP →
GreenIT
13
2.0.0
0027
3.0.0
0024
4.0.0
0024

Description

Privilégier les sélecteurs basés sur des ID ou des classes. Ils seront ainsi filtrés plus rapidement, économisant des cycles CPU à la machine interprétant les règles.

Exemple

Ne pas écrire :

treeitem[mailfolder="true"] > treerow > treecell {…}

mais plutôt :

.treecell-mailfolder {...}

Ne pas écrire :

treehead > treerow > treecell {...}

mais plutôt :

.treecell-header {...}

Principe de validation

Le nombre est inférieur ou égal à

de sélecteurs CSS qui n'utilisent ni d'id, ni de class et ni d'attribut

0
Vous avez repérez une coquille ou vous souhaitez contribuer ?

Venez sur le repo pour lancer une discussion sur la fiche.

Voir la fiche