Skip to content

Commit

Permalink
[selectors-4] Remove example related to :focus:not(:focus-visible) (w…
Browse files Browse the repository at this point in the history
…3c#4278) (w3c#5974)

:focus:not(:focus-visible) is a workaround due to some implementations
not following the spec (not using :focus-visible in the default UA style sheet).
Apart that this is no longer needed as implementations have been updated,
this kind of workarounds shouldn't be in the spec as they're confusing.

Fixes w3c#4278
  • Loading branch information
mrego authored and nschonni committed Feb 15, 2021
1 parent 3d067c2 commit 8ec0718
Showing 1 changed file with 0 additions and 17 deletions.
17 changes: 0 additions & 17 deletions selectors-4/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -2326,23 +2326,6 @@ The Focus-Indicated Pseudo-class: '':focus-visible''</h3>
so that authors using '':focus-visible'' will not also need to disable
the default '':focus'' style.

<div class=example>
In this example,
authors use a '':not()'' pseudo-class to remove default user agent focus styling
if '':focus-visible'' is supported,
and provide enhanced focus styling via '':focus-visible''.

<pre highlight=css>
:focus:not(:focus-visible) {
outline: 0;
}

:focus-visible {
outline: 3px solid var(--focus-gold);
}
</pre>
</div>

<h3 id="the-focus-within-pseudo">
The Focus Container Pseudo-class: '':focus-within''</h3>

Expand Down

0 comments on commit 8ec0718

Please sign in to comment.