Skip to content

Commit ae415de

Browse files
authored
[selectors-4] Remove example related to :focus:not(:focus-visible) (#4278) (#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 #4278
1 parent 286fc68 commit ae415de

File tree

1 file changed

+0
-17
lines changed

1 file changed

+0
-17
lines changed

selectors-4/Overview.bs

Lines changed: 0 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -2326,23 +2326,6 @@ The Focus-Indicated Pseudo-class: '':focus-visible''</h3>
23262326
so that authors using '':focus-visible'' will not also need to disable
23272327
the default '':focus'' style.
23282328

2329-
<div class=example>
2330-
In this example,
2331-
authors use a '':not()'' pseudo-class to remove default user agent focus styling
2332-
if '':focus-visible'' is supported,
2333-
and provide enhanced focus styling via '':focus-visible''.
2334-
2335-
<pre highlight=css>
2336-
:focus:not(:focus-visible) {
2337-
outline: 0;
2338-
}
2339-
2340-
:focus-visible {
2341-
outline: 3px solid var(--focus-gold);
2342-
}
2343-
</pre>
2344-
</div>
2345-
23462329
<h3 id="the-focus-within-pseudo">
23472330
The Focus Container Pseudo-class: '':focus-within''</h3>
23482331

0 commit comments

Comments
 (0)