<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS General Sibling Selectors</title> <style> h1 ~ p { color: green; font-size: 20px; } ul.task ~ p { color: purple; text-indent: 20px; } </style> </head> <body> <h1>Happy Morning...</h1> <p>Have a nice day.</p> <p>Enjoy your day.</p> <ul class="task"> <li>Part 1</li> <li>Part 2</li> <li>Part 3</li> </ul> <p>This is a first page.</p> <p>This is a second page.</p> </body> </html>