← The !important declarationResolving conflicts - Lab →

Solver les conflits

general guideline

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

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

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

Utilisez l'héritage à votre avantage

  1. 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).
  2. 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.
  3. Cela résulte en moins de règles plus faciles à maintenir.

Pensez à comment les styles se relient les uns aux autres

  1. 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.
  2. Cela peut amener des feuilles bourrées de styles, très difficiles à maintenir.
  3. Penser les styles comme des ensembles liés entre eux aide à planifier et écrire des feuilles de style organisées.