Input
Output
<!DOCTYPE html> <html> <head> <style> a:hover { color: red; } input:focus { border: 2px solid blue; } li:first-child { color: green; } li:last-child { font-weight: bold; } </style> </head> <body> <a href="#">Hover over me</a><br><br> <input type="text" placeholder="Click to focus"><br><br> <ul> <li>First item</li> <li>Second item</li> <li>Last item</li> </ul> </body> </html>