règles de groupe conditionnelles (*Conditional group rules*)
############################################################

.. raw:: html

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

règles de groupe conditionnelles
   règles-at associant une condition à d'autres règles CSS. [#css3]_

Les règles de groupe conditionnelles sont :

* @media
* @support
* @document (qui a été reporté à la spécification de niveau 4) [#mdn-at-rules]_

exemple
*******

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

   /* ici la règle-at est associée à une condition :
      que le format de la page fasse au plus 320 pixel CSS de large */
   @media ( max-width: 320px ) {
     body {
       font-size: 12px;
     }
   }

.. note::

   Certaines règles-at peuvent être imbriquées dans des règles de groupe conditionnelles. On parle alors de règles @ imbriquées (*nested at-rules*). [#mdn-at-rules-citation]_

.. [#css3] “some CSS at-rules, called **conditional group rules**, that associate a condition with a group of other CSS rules.” – Baron, L. David. `“2. Processing of Conditional Group Rules.” <https://drafts.csswg.org/css-conditional-3/#processing>`_ CSS Conditional Rules Module Level 3, W3C, 29 Oct. 2019.

.. [#mdn-at-rules] `“At-Rule.” <https://developer.mozilla.org/en-US/docs/Web/CSS/At-rule>`_ MDN Web Docs, Mozilla Developer Network.

.. [#mdn-at-rules-citation] “Nested at-rules — A subset of nested statements, which can be used as a statement of a style sheet as well as inside of conditional group rules” – `“At-Rule.” <https://developer.mozilla.org/en-US/docs/Web/CSS/At-rule>`_ MDN Web Docs, Mozilla Developer Network.