règles de groupe conditionnelles (Conditional group rules)

règles de groupe conditionnelles

règles-at associant une condition à d’autres règles CSS. [1]

Les règles de groupe conditionnelles sont :

• @media
• @support
• @document (qui a été reporté à la spécification de niveau 4) [2]

exemple

/* 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). [3]

[1]	“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.” CSS Conditional Rules Module Level 3, W3C, 29 Oct. 2019.

[2]	“At-Rule.” MDN Web Docs, Mozilla Developer Network.

[3]	“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.” MDN Web Docs, Mozilla Developer Network.