<!doctype html> <html> <head> <title>Content</title> <link href="/assets/reset.css" rel="stylesheet"> <link href="style.css" rel="stylesheet"> </head> <body> <section> <p>This is some text in the first element.</p> <p>There can be multiple elements within it, maybe even that wrap to multiple lines.</p> </section> <section> <p>And some more in the second element.</p> </section> <section> <p>Then a third one, too.</p> </section> </body> </html>
body { font-family: sans-serif; } section:nth-child(1) { background-color: deepskyblue; } section:nth-child(2) { background-color: gold; } section:nth-child(3) { background-color: tomato; }