Live
x
<html> <head> <title>Selektory klas i identyfikatorów</title> </head> <style> /* Klasy oznaczami kropką (.nazwaKlasy) */ .big { font-size: 2em; } .red { color: red; } .with-border { border: 1px solid black; } .green { color: green; } </style> <body> <!-- Poniższy tag <p> będzie posiadał wszystkie style zdefiniowane na klasach "big", "red" oraz "with-border" --> <p class="big red with-border">Paragraf nr 1 - klasy: <i>big red with-border</i></p> <!-- Poniższy tag <p> będzie posiadał tylko style zdefiniowane na klasie "red" --> <p class="red">Paragraf nr 2 - klasy: <i>red</i></p> <!-- Poniższy tag <p> będzie posiadał wszystkie style zdefiniowane na klasach "green" oraz "big" --> <p class="green big">Paragraf nr 3 - klasy: <i>green big</i></p> <!-- Poniższy tag <p> będzie posiadał tylko style zdefiniowane na klasie "with-border" --> <p class="with-border">Paragraf nr 4 - klasy: <i>with-border</i></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.