Attribute selectorsDynamic pseudo-class selectors

Pseudo-Class :hover

DOM : Représentation structurelle de tous les éléments d'un document html, parfois utilisé par les navigateurs et scripts à traverser cette structure, récupérer du conteny ou appliquer un comportement.

On y réfère généralement comme à l'arbre (tree)

Les sélecteurs de pseudo-classe permettent de cibler des éléments ou instances hors du DOM ou qui sont trop spécifiques pour être ciblé par de simples sélecteurs.

Ciblent les éléments sur la base de quelque chose d'autre que les attributs, contenu, ou type d'élément. Réfèrent généralement à quelque chose qui peut changer au cours du temps, ou qui est basé sur une interaction utilisateur.

UI element state pseudo-class selectors : ciblent des éléments de l'interface utilisateur qu'ils soit ou non actifs. voir w3.org/TR/Selectors. Évolutions notables avec le web applicatif.

Structural pseudo-class selectors : ciblent des éléments sur la base d'informations psécialisées dans le dom que de simples sélecteurs ne peuvent cibler. Cela peut être du pattern-matching, des relations enfants-parents, ou d'autres informations structurelles.

ex:

  1. nth-chidl(n)
  2. nth-chidl(odd)

Il existe d'autres sélecteurs de pseudo-class qui ne peuvent réellement être groupé dans une catégorie. Ces sélecteurs vous donnent des moyens encore plus spécifiques de ciblage basées sur le langage ou le ciblage d'URL.

Syntaxe → :pseudo-sélecteur