Définition
##########

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/kXPQgJYkq_E" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

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 [#pseudo-classe]_

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. [#pseudo-classe-2]_

exemple
*******

.. code-block:: css
   :emphasize-lines: 3

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

----

.. [#pseudo-classe] `“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.” <https://www.w3.org/TR/css3-selectors/#pseudo-classes>`_ 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.

.. [#pseudo-classe-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.” <https://www.w3.org/TR/css3-selectors/#pseudo-classes>`_ W3C, W3C, 30 Jan. 2018.