Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

css class hover


CSS Hover behavior is not currently not working in 3.6.8 when a class is specified generally without an accompanying html tag.

Is this a known bug. Or is this intended behavior.

Additional System Details

This happened

Every time Firefox opened

This started when...

not sure

Installed Plug-ins

  • Adobe PDF Plug-In For Firefox and Netscape "9.3.3"
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • Default Plug-in
  • Google Update
  • Unity Player 2.6.1f3
  • Shockwave Flash 10.1 r53
  • Adobe Shockwave for Director Netscape plug-in, version 11.5
  • 3.0.50106.0
  • Office Authorization plug-in for NPAPI browsers
  • The plug-in allows you to open and edit files using Microsoft Office applications
  • wpidetector
  • Next Generation Java Plug-in 1.6.0_20 for Mozilla browsers


  • User Agent: Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv: Gecko/20100722 Firefox/3.6.8

More Information

ex: code
<style type="text/css">
.right {height: 50px; width: 50px; background-color: #444;}
.right:hover {background-color: #f90;}
div.left {background-color: #000; width: 50px; height: 50px;}
div.left:hover {background-color: #f90;}
<div class="right"> </div>
<div class="left"> </div>

  • Top 10 Contributor
2358 solutions 20888 answers

This forum focuses on end-user support. You can find more web development help on the Web Development board. Separate forum, separate registration. Please note the tips in the Sticky Post at the top of the forum before posting.

  • Top 10 Contributor
  • Moderator
10749 solutions 96724 answers

Helpful Reply

I see the same if I use your example code.

[class="right"]:hover works, but .right:hover doesn't work.