Poids des règles
Priorités
De quelle couleur sera l'écriture du paragraphe ?
1
<section>
2
<article id="article" class="article">
3
<p id="paragraphe" class="paragraphe">
4
Un paragraphe
5
</p>
6
</article>
7
</section>
<section>
<article id="article" class="article">
<p id="paragraphe" class="paragraphe">
Un paragraphe
</p>
</article>
</section>1
.paragraphe {color: red; }
2
#paragraphe {color: green; }
3
p {color: blue; }
4
.article .paragraphe {color: black; }
.paragraphe {color: red; }
#paragraphe {color: green; }
p {color: blue; }
.article .paragraphe {color: black; }Votre choixChoix attenduRéponse
Poids des règles :
Règle 1 : 010
Règle 2 : 100
Règle 3 : 001
Règle 4 : 020
Priorités
De quelle couleur sera l'écriture du paragraphe ?
1
<section>
2
<article id="article" class="article">
3
<p id="paragraphe" class="paragraphe">
4
Un paragraphe
5
</p>
6
</article>
7
</section>
<section>
<article id="article" class="article">
<p id="paragraphe" class="paragraphe">
Un paragraphe
</p>
</article>
</section>1
section p {color: red; }
2
article p {color: green; }
3
p {color: blue; }
section p {color: red; }
article p {color: green; }
p {color: blue; }Votre choixChoix attenduRéponse
Poids des règles :
Règle 1 : 002
Règle 2 : 002
Règle 3 : 001
La règle 2 écrase la règle 1
Priorités
De quelle couleur sera l'écriture du paragraphe ?
1
<section>
2
<article id="article" class="article">
3
<p id="paragraphe" class="paragraphe">
4
Un paragraphe
5
</p>
6
</article>
7
</section>
<section>
<article id="article" class="article">
<p id="paragraphe" class="paragraphe">
Un paragraphe
</p>
</article>
</section>1
#article.article .paragraphe {color: red; }
2
#article.article p#paragraphe {color: green; }
3
#article.article p.paragraphe {color: blue; }
4
article#article.article #paragraphe {color: black; }
#article.article .paragraphe {color: red; }
#article.article p#paragraphe {color: green; }
#article.article p.paragraphe {color: blue; }
article#article.article #paragraphe {color: black; }Votre choixChoix attenduRéponse
Poids des règles :
Règle 1 : 120
Règle 2 : 211
Règle 3 : 121
Règle 4 : 211
La règle 4 écrase la règle 2