Live
x
<html><head> <title>Dziedziczenie</title> <style> /* Selector o mocy 0-1-2 */ section p.text { color: red; } /* Selector o mocy 0-1-0, więc przegrywa z 0-1-2 */ .green { color: green; } /* Selector o mocy 0-1-0, więc przegrywa z 0-1-2, ale "!important" nadaje mu pierwszeństwo. */ .blue { color: blue !important; } </style></head><body> <section> <p class="text">Tekst 1</p> <p class="text green">Tekst 2</p> <p class="text blue">Tekst 3</p> </section></body></html>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.