Home
CSS
CSS Pseudo-class
Tryit: Simple tooltip hover
Run ❯
zig
.
com
×
Change Orientation
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <style> p { display: none; background-color: yellow; padding: 20px; } div:hover p { display: block; } </style> </head> <body> <div>Hover over this div element to show the p element <p>Tada! Here I am!</p> </div> </body> <!-- /css/tryit.asp?filename=trycss_pseudo-class_hover_tooltip Thu, 06 Feb 2025 18:27:26 GMT --> </html>
