CSS Tip: Use :not to Save Time and Lines of Code - The Bold Report(theboldreport.net)

4 years ago from Tim Smith, Maker of stuff

  • Dan CortesDan Cortes, 4 years ago

    :hover:not(:active) { ... } has been one of my favorite selectors for a while.

    8 points
    • Blake RutledgeBlake Rutledge, 4 years ago

      oooooooo

      1 point
    • Daniel GoldenDaniel Golden, 4 years ago

      I'm squinting trying to decipher what I'm looking at. Can you put the jelly on the lower shelf for the rest of us (me). What does this do?

      2 points
      • Mattan IngramMattan Ingram, 4 years ago

        As far as I can tell this should be a rule which only works when you are hovering a button but not clicking it (buttons are :active while you click them).

        For example if you want a button to get larger when you hover it, but shrink back to normal when you click it.

        1 point
        • Daniel GoldenDaniel Golden, 4 years ago

          oOOooh, I think I get it. Is that commonly desirable functionality?

          0 points
          • Mattan IngramMattan Ingram, 4 years ago

            Not super common, but not exactly rare either. Most buttons/links just change color or background when you hover them and maintain that look as you click.

            0 points