Selector PerformanceSpecificity

General Rules

Vos sélecteurs sont fondamentaux dans l'écriture de bon CSS. Pour résumer rapidement les sections plus haut :

  1. Sélectionnez ce que vous souhaitez de manière explicite, plutôt que de dépendre des circonstances ou coincidences. Une bonne Selector Intent will rein in the reach and leak of your styles.
  2. Écrivez vos sélecteurs pour être réutilisables, vous permettant de travailler plus efficacement et de réduire les pertes et répétitions.
  3. Ne nichez pas vos sélecteur inutilement, car cela augmentera la spécificité et affectera où vous pourrez réutiliser vos styles.
  4. Ne qualifiez pas inutilement vos sélecteurs, car cela impactera le nombre d'éléments différents auquels vous pourrez appliquer les styles.
  5. Gardez les styles aussi courts que possibles, afin de garder la spécificité au plus bas et les performances au plus haut.

Se focaliser sur ces points conserverons vos sélecteurs bien plus sains et facile à utiliser sur des projets changeants et à long terme.

Further Reading