Définition

principe

Le concept de pseudo-classe a été introduit pour permettre des sélections basées sur des informations hors de l’arbre du document ou qui ne peut être exprimée en utilisant d’autres sélecteurs simples [1]

Les pseudo-classes traduisent donc un état (survolé, coché, visité) ou une nature (langue, premier ou dernier) particulière d’un élément qui vont permettre sa sélection.

syntaxe

Une pseudo-classe consiste toujours en un deux-point : suivi par le nom d’une pseudo-class et optionnellement d’une valeur entre parenthèses. [2]

exemple

/* Tous les liens, lors du survol de la souris
passent en orange (comme couleur de texte) */
a:hover {
   color: orange;
}

[1]“The pseudo-class concept is introduced to permit selection based on information that lies outside of the document tree or that cannot be expressed using the other simple selectors.” Tantek Çelik, Elika J. Etemad, Daniel Glazman, Ian Hickson, Peter Linss, John Williams, Selectors Level 3 W3C Recommendation 29 September 2011. w3.org, 29 Sept. 2011. Web. 10 Mar. 2017.
[2]“A pseudo-class always consists of a “colon” (:) followed by the name of the pseudo-class and optionally by a value between parentheses.” – Çelik, Tantek, et al. “Selectors Level 3.” W3C, W3C, 30 Jan. 2018.