Poids des règles

Priorités

De quelle couleur sera l'écriture du paragraphe ?

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
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>
num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
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; }

Priorités

De quelle couleur sera l'écriture du paragraphe ?

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
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>
num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
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; }

Priorités

De quelle couleur sera l'écriture du paragraphe ?

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
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>
num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
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; }
CorrectionRecommencer