:interest-target | CSS Selectors & Pseudo-classes

Experimental: Targets the 'target' of an interest action (like the tooltip or popover itself) while it is currently being shown.

Quick example

[popover]:interest-target {
  /* Styles the popover only when it's natively triggered by interest */
  background-color: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

:interest-target 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+