Skip to content

Commit 8ec0718

Browse files
mregonschonni
authored andcommitted
[selectors-4] Remove example related to :focus:not(:focus-visible) (w3c#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
1 parent 3d067c2 commit 8ec0718

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)