How to use ‘hover’ in CSS

by

If you want the underline to be present while the mouse hovers over the link, then:

a:hover {text-decoration: underline; }

is sufficient, however you can also use a class-name of ‘hover’ if you wish, and the following would be equally applicable:

a.hover:hover {text-decoration: underline; }

Incidentally it may be worth pointing out that the class name of ‘hover’ doesn’t really add anything to the element, as the psuedo-element of a:hover does the same thing as that of a.hover:hover. Unless it’s just a demonstration of using a class-name.

More Related Contents:

  1. How to change the cursor into a hand when a user hovers over a list item?
  2. Make a div into a link
  3. What is the opposite of :hover (on mouse leave)?
  4. CSS transition effect makes image blurry / moves image 1px, in Chrome?
  5. Is there any way to hover over one element and affect a different element? [duplicate]
  6. Change opacity on all elements except hovered one
  7. Why doesn’t this a:visited css style work?
  8. CSS: Hover one element, effect for multiple elements?
  9. How can I delay a :hover effect in CSS?
  10. SVG USE element and :hover style
  11. Does css hover work on mobile devices?
  12. CSS disable hover effect
  13. How can I change a button’s color on hover?
  14. Pure CSS scroll animation
  15. Spin or rotate an image on hover
  16. image moves on hover – chrome opacity issue
  17. CSS: styled a checkbox to look like a button, is there a hover?
  18. hover on child without hover effect on parent [duplicate]
  19. div background color, to change onhover
  20. CSS hover border makes elements adjust slightly
  21. Is it possible to change only the alpha of a rgba background colour on hover?
  22. How to display and hide a div with CSS?
  23. Hover on child should turn off hover effect on parent [duplicate]
  24. Is there an opposite CSS pseudo-class to :hover?
  25. prevent a pseudo element from triggering hover?
  26. How to apply child:hover but not parent:hover
  27. How to apply a CSS filter to a background image
  28. Transparent text cut out of background
  29. React.js inline style best practices [closed]
  30. Why adding version number to CSS file path?

Leave a Comment