Live
x
<html> <head> <title>Selektory klas i identyfikatorów</title> </head> <style> .normal { color: green; } .with-border { border: 2px solid black; } /* Element z klasą "normal" wewnątrz elementu z klasą "first" */ .first .normal { color: red; } /* Elementy z klasami "first" oraz "second" będą ostylowane tak samo. */ .first, .second { margin: 20px 0; } </style> <body> <article class="with-border first"> <p class="normal">Paragraf wewnątrz pierwszego <strong>article</strong></p> </article> <article class="with-border second"> <p class="normal">Paragraf wewnątrz drugiego <strong>article</strong></p> </article> <p class="normal">Paragraf poza <strong>article</strong></p> </body></html>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.