Change element style on hover of another element - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Hover to change

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Hover to change

Description

Change element style on hover of another element

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">
.title:hover {<!--from   w  w w . j a va  2s .  c  o m-->
   color:Chartreuse;
}
</style> 
 </head> 
 <body> 
  <div class="module-title"> 
   <h2 class="title" style="visibility: visible;"> <span>Lorem ip</span>Lorem ipsum d</h2> 
  </div>  
 </body>
</html>

Related Tutorials