Skip to content

Commit

Permalink
[css-overflow-5] Temporarily go with :target-current. #10918
Browse files Browse the repository at this point in the history
  • Loading branch information
tabatkins committed Nov 19, 2024
1 parent ecc957b commit 905ed13
Showing 1 changed file with 4 additions and 3 deletions.
7 changes: 4 additions & 3 deletions css-overflow-5/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -263,16 +263,17 @@ The 'scroll-marker-group' property</h4>
or via the tab key when currently active or when no other ''::scroll-marker'' is active and this is the first marker in the group,
ensuring the group has a <a href="https://open-ui.org/components/focusgroup.explainer/#guaranteed-tab-stop">guaranteed tab stop</a>.

<h4 id="active-scroll-marker">The active scroll marker</h4>
<h4 id="active-scroll-marker">
Selecting The Active Scroll Marker: the '':target-current'' pseudo-class</h4>

Exactly one [=scroll marker=] within each [=scroll marker group=] is determined to be active at a time.
An active [=scroll marker=] can be styled by the '':checked'' pseudo-class.
Such "active" [=scroll markers=] match the <dfn selector>:target-current</dfn> pseudo-class.

<div class='example'>
The following snippet shows how the link to the currently scrolled section can be highlighted:

<pre highlight=css>
a:checked {
a:target-current {
font-weight: bold;
}
</pre>
Expand Down

0 comments on commit 905ed13

Please sign in to comment.