|<- [[cccn:The !important declaration]]|[[cccn:Resolving conflicts - Lab]] ->|

==== Solver les conflits ====

=== general guideline ===

  - éviter d'utiliser des styles locaux (embedded) autant que possible
    - Ajoute une couche de complexité dont l'effet n'est pas toujours prévisible
    - Mettre à jour, maintenir ou modifier les styles peuvent devenir une corvée s'il fait se souvenir des styles locaux de chaque page.
    - facile de passer à coté, particulièrement en équipe
  - Éviter les styles inline sauf pour des circonstances très particulières.
    - presque impossible à détecter et maintenir

=== Développer une stratégie concernant la spécifité ===

  - Ne pas mélanger sélecteurs de class et ID sans planifier leur usage
  - Des parties des sélecteurs d'ID peuvent être très compliqués à overwriter si l'on ne fait pas attention.
  - Si vous vous retrouvez à avoir 3 ou plus sélecteurs descendants, envisagez de reconsidérer votre stratégie.

=== Utilisez l'héritage à votre avantage ===

  - Si vous êtes familiers avec votre structure de page, vous devriez être capable le formatage global de votre site (you should be able to identify global formatting across your site).
  - Ces besoins en terme de formatage peuvent être écrits avec des styles globaux sur les éléments parents, et hérités pour le reste du site.
  - Cela résulte en moins de règles plus faciles à maintenir.

=== Pensez à comment les styles se relient les uns aux autres ===

  - Les nouveaux designers font parfois l'erreur de styler les éléments de manière individuelle, au fur et à mesure que ceux-ci sont rencontrés.
  - Cela peut amener des feuilles bourrées de styles, très difficiles à maintenir.
  - Penser les styles comme des ensembles liés entre eux aide à planifier et écrire des feuilles de style organisées.