Skip to content

Commit c22cbb1

Browse files
committed
[selectors-4] Add :interest-source/:interest-target, per WG resolution. w3c#12154
1 parent 63a2cac commit c22cbb1

File tree

1 file changed

+24
-0
lines changed

1 file changed

+24
-0
lines changed

selectors-4/Overview.bs

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2513,6 +2513,30 @@ The Focus Container Pseudo-class: '':focus-within''</h3>
25132513
(including non-element nodes, such as text nodes)
25142514
matches the conditions for matching '':focus''.
25152515

2516+
<h3 id="interest-pseudos">
2517+
The Interest Pseudo-classes: '':interest-source'' and '':interest-target''</h3>
2518+
2519+
[=Host languages=] can define that certain elements
2520+
are capable of "showing interest" in another element
2521+
(typically, an informative popup),
2522+
so that when a user interacts with the first element,
2523+
the second element can be shown or otherwise rendered differently.
2524+
2525+
Issue: TODO Add reference to the HTML feature when it's fully landed.
2526+
2527+
The <dfn>:interest-source</dfn> pseudo-class
2528+
applies to any element (or pseudo-element)
2529+
that is capable of "showing interest" in another element,
2530+
as defined by the [=host language=].
2531+
(It applies regardless of whether the element
2532+
is <em>currently</em> showing interest or not.)
2533+
2534+
The <dfn>:interest-target</dfn> pseudo-class
2535+
applies to the "other element"
2536+
that an '':interest-source'' element is currently showing interest in.
2537+
(It only applies to an element
2538+
that is <em>currently</em> having interest shown in it.)
2539+
25162540
<h2 id="time-pseudos">
25172541
Time-dimensional Pseudo-classes</h2>
25182542

0 commit comments

Comments
 (0)