DOM CSS Playground
Interactive DOM Manipulation & CSS Specificity Calculator
Inspired by
fritscher.ch/dom-css
HTML
<div class="container"> <h1 class="title">Bonjour le Monde!</h1> <p id="intro">Ceci est un paragraphe.</p> <ul class="list"> <li>Item 1</li> <li class="active">Item 2</li> <li>Item 3</li> </ul> </div>
CSS
.container { padding: 20px; background: #f0f0f0; } .title { color: #667eea; font-size: 2rem; } #intro { font-style: italic; } .list .active { font-weight: bold; color: #764ba2; }
Exécuter
Effacer
Aperçu
Arbre DOM
Calculateur de Spécificité CSS
Entrez un sélecteur CSS:
Calculer
Retour au Module