Home/ Questions/Q 7024141
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T23:48:06+00:00

I was digging some css codes written by someone and I found this: li.hover,

  • 0

I was digging some css codes written by someone and I found this:

li.hover, li:hover {

}

Is there any difference between .hover and :hover?
Maybe some browsers act differently for hover?!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    :hover is a psuedo-class while .hover is a selector for the class hover. These symbols (: and .) don’t change meaning from any other CSS selector construct: see the W3C CSS Level 3 Recommendation for all the details.

    Presumably there is some JavaScript to toggle the hover class, perhaps because of lack of :hover support for LI elements in a “legacy” browser. I know that IE5/6 (ick!) only supported :hover for links, however:

    (And, as always, make sure the page is not in “quirksmode” 🙂

    Happy coding.

    • 0