.. _reference-selecteur-id:

sélecteur d’id
##############

Pour sélectionner un élément sur la base de son attribut ``id``, on forme un sélecteur en préfixant ce di d'un signe croisillon (#).

.. warning::

   L’usage des sélecteurs d’id peut être considéré comme une mauvaise pratique [#ref-id]_ en raison de leur forte spécificité. La spécificité est traitée plus loin dans ce cours.

exemple
*******

Le sélecteur ``#exemple`` sélectionne l’élément ayant l’id ``exemple``.

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

HTML
====

.. code-block:: html

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

CSS
===

.. code-block:: css

   #exemple {
     color: red;
   }

.. [#ref-id] Voir, par exemple, `Harry Roberts, CSS Guidelines, cssguidelin.es. Web 12 Mar. 2017. <http://cssguidelin.es/#ids-in-css>`_ et/ou `Airbnb CSS / Sass Styleguide, github.com. Web 12 Mar. 2017. <https://github.com/airbnb/css#formatting>`_.