<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS Adjacent Sibling Selectors</title> <style> h1 + p { color: green; font-size: 20px; } ul.task + p { color: purple; text-indent: 35px; } </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 the main content.</p> <p>This is a next parahraph.</p> </body> </html>