qualification des sélecteurs
############################

.. raw:: html

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

On peut noter qu’il est possible de qualifier un sélecteur (hormis les
sélecteur de type et universel), en les précédant directement d’un
sélecteur de type.

.. warning::

   Qualifier un sélecteur en augmente la spécifité et en diminue la
   polyvalence. Il convient de pouvoir se justifier si l’on utilise
   cette fonctionnalité de CSS. [#qualification]_

exemples
********

Ici les sélecteurs ``[data-exemple]``, ``.exemple`` et ``#exemple`` sont qualifiés par le sélecteur ``p``.

.. code-block:: css

   p[data-exemple] { /* tous les éléments ayant l'attribut data-exemple qui sont de type paragraphe */ }
   p.exemple { /* tous les élément ayant la classe exemple qui sont de type paragraphe */ }
   p#exemple { /* tous les éléments ayant l'id exemple qui sont de type paragraphe */ }

.. [#qualification] `Harry Roberts, CSS Guidelines, cssguidelin.es. Web 12 Mar. 2017. <http://cssguidelin.es/#quasi-qualified-selectors>`_