SyntaxHow CSS works with HTML structure
  1. element selector (ex : p) : sélecteurs globaux basés sur des éléments html individuels
  2. class selector (ex .classe) : sélecteur d'attribut basés sur l'attribut class appliqués aux éléments html
  3. id selector (ex #id) : sélecteur d'attribut basés sur l'attribut id appliqués aux éléments html → les ID sont unique sur chaque page !
  4. element-specific selector : sélecteur d'id ou de classe modifié qui limite l'application de la déclaration à un élément spécifique (ex : h2.subheading, div#sidebar)
  5. sélecteur descendant : sélecteur très spécifique qui cible des éléments sur la base de leurs éléments parents (ex: div p span : tous les spans desendant d'un p descendant d'un div) note : plus de trois éléments à la suite, ça devient très vite peu efficace.

conventions de nommages de id et classes

  1. pas de whitespace ou de caractères spéciaux
  2. CSS est sensibles à la casse
  3. établissez des standards pour votre CSS et tenez-vous-y

grouper les sélecteurs

ex : h1, h2, h3 { déclarations communes }