How do I make hover trigger another hover in CSS?

Answer 1

Hello,

You can't.

The reason is because the :hover pseudo class is triggered by the user's mouse pointer (or a tap) and well, the user has only one mouse to point with, same with a tap albeit the use can use more than one finger per-se, but that still counts as a single tap.

In other words, only one hover can be triggered at a time.

Nonetheless, I have to ask: How come would you want to trigger a hover with another hover? Not sure I can think of a use case for that.

Regards.