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 |