.. _reference-selecteur-classe:

sélecteur de classe
###################

Pour sélectionner les éléments appartenant à une même classe (possédant une valeur commune associée à l'atrribut ``class``), on utilise l’identificateur correspondant à cette classe, préfixé par un point.

exemple
*******

Le sélecteur ``.exemple`` sélectionne tous les éléments de ayant la
classe ``exemple``.

   `Voir en ligne un exemple plus complet et
   commenté <https://codepen.io/martin-leo/pen/EWmoyL?editors=1100>`__

.. _html-2:

HTML
====

.. code-block:: html

   <section class="exemple">contenu</section>

CSS
===

.. code-block:: css

   .exemple {
     color: red;
   }

.. note::

   Ici l'élément section est sélectionné grâce à l'attribut « exemple » (tout autre élément porteur de ce même attribut sera aussi sélectionné)