|<- [[cfn:Syntax]]|[[cfn:How CSS works with HTML structure]] ->|

  - element selector (ex : p) : sélecteurs globaux basés sur des éléments html individuels
  - class selector (ex .classe) : sélecteur d'attribut basés sur l'attribut class appliqués aux éléments html
  - 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 !
  - 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)
  - 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===
  - pas de whitespace ou de caractères spéciaux
  - CSS est sensibles à la casse
  - établissez des standards pour votre CSS et tenez-vous-y

===grouper les sélecteurs===

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