[csswg-drafts] Combinator to get from `interestfor` invoker to its target (#12436)

mfreed7 has just created a new issue for https://github.com/w3c/csswg-drafts:

== Combinator to get from `interestfor` invoker to its target ==
@LeaVerou [raised the idea](https://github.com/w3c/csswg-drafts/issues/12154#issuecomment-3028591124) of adding a combinator that allows an author to select an element that is the target of an interest invoker. So:

```html
<button id=invoker interestfor=target>Interest invoker</button>
<div popover id=target>Target of interest invoker</div>

<style>
  #invoker --> #target {
    /* Styles for the target popover that only apply when
      #foo points to #target, as above. */
  }
</style>
```

Here, I made up the combinator as `-->` just as a placeholder. Though it's not bad, maybe?

If this combinator is a good idea, it might alleviate some of the questions in https://github.com/w3c/csswg-drafts/issues/12154#issuecomment-3028591124, e.g. by obviating the need for two separate pseudo classes for the invoker and the target. If there was simply a pseudo class on the invoker, then "target with interest" could be selected with `:interest-invoker --> [popover]`. 

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12436 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 2 July 2025 17:42:47 UTC