🥷 Test : c'est quoi CSS

HTML	CSS
<h1>Inspecter le style</h1> <p>Pourquoi le style est baré ?</p>	p {   background-color: blue; } h1 + p {   background-color: gold; } p:last-child {  background-color: black; } h1 ~ p {   background-color: red; }

❓Quel sera la couleur du paragraphe ?

🪛Utilsez le simulateur

https://dupontdenis.github.io/TestSelecteurDemo/

🛟Explications

See the Pen level CSS by SuperDupont (@SuperDupont) on CodePen.

Inspection

L'inspection donne le résultat des règles de priorité :

Amusez-vous à cocher et décocher les règles

🥷 Comprenez-vous pourquoi dans VisualStudio Code, le résultat avec live serveur donne au parapgraphe la couleur rouge ?