---
title: CSS Conditional Rules
slug: Web/CSS/CSS_Conditional_Rules
tags:
  - Aperçu
  - CSS
  - CSS Conditional Rules
  - Reference
translation_of: Web/CSS/CSS_Conditional_Rules
---
<div>{{CSSRef}}</div>

<p><em><strong>CSS Conditional Rules</strong></em> (ou règles conditionnelles CSS) est un module CSS qui permet de définir un ensemble de règles qui ne s'appliqueront qu'en fonction des capacités du processeur ou du document auquel la feuille de styles est appliquée.</p>

<h2 id="Référence">Référence</h2>

<h3 id="Règles">Règles @</h3>

<ul>
 <li>{{cssxref("@document")}}</li>
 <li>{{cssxref("@media")}}</li>
 <li>{{cssxref("@supports")}}</li>
 <li>{{cssxref("@import")}}</li>
</ul>

<h2 id="Spécifications">Spécifications</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spécification</th>
   <th scope="col">État</th>
   <th scope="col">Commentaires</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('CSS3 Conditional')}}</td>
   <td>{{Spec2('CSS3 Conditional')}}</td>
   <td>Définition initiale.</td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>

<h3 id="document"><code>@document</code></h3>

<p>{{Compat("css.at-rules.document")}}</p>

<h3 id="import"><code>@import</code></h3>

<p>{{Compat("css.at-rules.import")}}</p>

<h3 id="media"><code>@media</code></h3>

<p>{{Compat("css.at-rules.media")}}</p>

<h3 id="supports"><code>@supports</code></h3>

<p>{{Compat("css.at-rules.supports")}}</p>