:interest-source | CSS Selectors & Pseudo-classes

Experimental: Targets an element that is currently the 'source' of interest (the element being hovered or focused) which is triggering an interest-based UI like a tooltip.

Quick example

button:interest-source {
  /* Highlights the button that is currently showing its tooltip */
  outline: 2px solid var(--primary);
}

:interest-source Browser Support

Limited availability 62% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

View on caniuse.com → View on MDN → View on webstatus.dev → Learn more about Baseline →

142+