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)

: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 committed Feb 10, 2021
1 parent f1b4946 commit b26a734
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 b26a734

Please sign in to comment.