Menu
<a href=""> text here always show <div style="display:none;"> hide text here </div> </a> a:hover{ //when hover show 'hide text here' ; when not hover, hide it again } possible to use pure css to do this effect?
388
if we define 2 HTML elements where we want to hover over one element & at the same moment want to change the style of another element then both the elements should be directly related as either parent-child or sibling, which indicates either one element must be inside another element or both elements should be within ...
To display div element using CSS on hover a tag: First, set the div element invisible i.e display:none;. By using the adjacent sibling selector and hover on a tag to display the div element.
a div { display: none; } a:hover div { display: block; } If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
