Mouse Hover Interaction with a Visited State

Hello,

Looking for some clarification on interactions and states.

I have built a mouse hover interaction and a Visited state for a navigation bar roll over menu (on the page, it’s the ‘Solution’ option). They work as expected - on hover a 2px line appears under the link text, and any visited link text is a different colour.

However, I don’t want the underline on hover if theVisited state is already active. Is it possible to set up an interaction so it does not occur on a link with a Visited state?

I suspect due to limitations on what the Visited state controls I would not be able to do this with my current set up, but is there an alternative set up that would allow this function to work?

Thanks for your time, appreciate any thoughts.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)