aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/pseudo-classes/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/css/pseudo-classes/index.html')
-rw-r--r--files/fr/web/css/pseudo-classes/index.html8
1 files changed, 3 insertions, 5 deletions
diff --git a/files/fr/web/css/pseudo-classes/index.html b/files/fr/web/css/pseudo-classes/index.html
index 8c7425003c..22ba65100c 100644
--- a/files/fr/web/css/pseudo-classes/index.html
+++ b/files/fr/web/css/pseudo-classes/index.html
@@ -11,7 +11,7 @@ translation_of: Web/CSS/Pseudo-classes
---
<div>{{CSSRef}}</div>
-<p class="summary">Une <strong>pseudo-classe</strong> est un mot-clé qui peut être ajouté à un sélecteur afin d'indiquer l'état spécifique dans lequel l'élément doit être pour être ciblé par la déclaration. La pseudo-classe {{cssxref(":hover")}}, par exemple, permettra d'appliquer une mise en forme spécifique lorsque l'utilisateur survole l'élément ciblé par le sélecteur (changer la couleur d'un bouton par exemple).</p>
+<p>Une <strong>pseudo-classe</strong> est un mot-clé qui peut être ajouté à un sélecteur afin d'indiquer l'état spécifique dans lequel l'élément doit être pour être ciblé par la déclaration. La pseudo-classe {{cssxref(":hover")}}, par exemple, permettra d'appliquer une mise en forme spécifique lorsque l'utilisateur survole l'élément ciblé par le sélecteur (changer la couleur d'un bouton par exemple).</p>
<pre class="brush: css no-line-numbers">div:hover {
background-color: #F89B4D;
@@ -19,8 +19,8 @@ translation_of: Web/CSS/Pseudo-classes
<p>Les pseudo-classes permettent d'appliquer un style à un élément non seulement en fonction de son contenu dans l'arbre du document mais aussi en fonction de facteurs externes (l'historique de navigation par exemple avec {{cssxref(":visited")}} ; le statut du contenu avec {{cssxref(":checked")}} ; la position de la souris {{cssxref(":hover")}}).</p>
-<div class="blockIndicator note">
-<p><strong>Note:</strong> À la différence des pseudo-classes, <a href="/fr/docs/Web/CSS/Pseudo-%C3%A9l%C3%A9ments">les pseudo-éléments</a> peuvent être utilisés afin d'appliquer un style sur une certaine partie d'un élément.</p>
+<div class="note">
+<p><strong>Note :</strong> À la différence des pseudo-classes, <a href="/fr/docs/Web/CSS/Pseudo-%C3%A9l%C3%A9ments">les pseudo-éléments</a> peuvent être utilisés afin d'appliquer un style sur une certaine partie d'un élément.</p>
</div>
<h2 id="Syntaxe">Syntaxe</h2>
@@ -34,7 +34,6 @@ translation_of: Web/CSS/Pseudo-classes
<h2 id="Liste_des_pseudo-classes_standards">Liste des pseudo-classes standards</h2>
-<div class="index" id="index">
<ul>
<li>{{CSSxRef(":active")}}</li>
<li>{{CSSxRef(":any-link")}} {{Experimental_Inline}}</li>
@@ -97,7 +96,6 @@ translation_of: Web/CSS/Pseudo-classes
<li>{{CSSxRef(":visited")}}</li>
<li>{{CSSxRef(":where", ":where()")}} {{Experimental_Inline}}</li>
</ul>
-</div>
<h2 id="Exemples">Exemples</h2>