Live
x
<html> <head> <title>Selektory klas i identyfikatorów</title> </head> <style> article, .last-list { border: 2px solid black; margin: 10px 0; } li { color: red; } article.first { padding: 10px 20px; background: pink; } article.second ul { background: lightblue; } .last-list ul li { color: green; } #header { color: blue; } .with-radius { border-radius: 30px; } </style> <body> <article class="first with-radius">Piękne różowe tło.</article> <article class="second"> <p>Paragraf wewnątrz drugiego <strong>article</strong></p> <div class="list-wrapper"> <h3 id="header">Top 3 technologie:</h3> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> </div> </article> <div class="last-list with-radius"> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> </div> </body></html>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.