.. _reference-groupe-de-selecteur:

Groupe de sélecteur (*selector group*)
######################################

.. raw:: html

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

Il est possible de définir un groupe de sélecteur en séparant ceux-ci à l’aide de virgules [#selector-group]_, comme suit : ``article, section, div``. Le bloc de règle auquel on associera le groupe de sélecteur s’appliquera à tous les éléments sélectionné par le groupe, ici aussi bien aux éléments de type ``article``, ``section`` et ``div``.

Exemple
*******

Ci-dessous, un groupe de sélecteurs constitués des sélecteurs ``html`` et ``body``.

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

   html, body {
      margin: 0;
   }

.. warning::

   Ne confondez pas les groupes de sélecteurs et les sélecteurs composés de combinateurs et sélecteurs simples.

.. [#selector-group] “When several selectors share the same declarations, they may be grouped into a comma-separated list.” – `“Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification – Selectors.” <https://www.w3.org/TR/CSS2/selector.html#grouping>`_ Edited by Bert Bos et al., Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification – Selectors, W3C, 12 Apr. 2016.