Online Html Editor

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>:first-of-type Pseudo-class Example</title> <style> div { margin-bottom: 10px; padding: 10px; background-color: lightgray; } div:first-of-type { background-color: lightblue; } </style> </head> <body> <div>This is the first div element.</div> <p>Paragraph element.</p> <div>This is another div element.</div> <div>Yet another div element.</div> </body> </html>