Live
x
<html><head> <title>Dziedziczenie</title> <style> /* Właściwości "font-family" oraz "color" są dziedziczne. Wszystkie "dzieci" tagu <section> otrzymają te właściwości w ramach dziedziczenia. */ section { font-family: sans-serif; color: red; /* Właściwość "border" nie jest dziedziczna. Border będzie ustawiony tylko na tagu <section> */ border: 2px solid green; } /* Mimo, że "border" nie jest dziedziczny, możemy wymusić dziedziczenie za pomocą "inherit" */ .with-inherit { border: inherit; } </style></head><body> <section> <p>Tekst 1</p> <div> <p>Tekst 2</p> </div> <div> <span>Tekst 3</span> </div> <p class="with-inherit"> Tekst 4 </p> </section> <article> <p>Tekst 5</p> </article></body></html>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.