You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: css-pseudo/Overview.bs
+9-5Lines changed: 9 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -423,28 +423,31 @@ Styling the ''::first-letter'' Pseudo-element</h4>
423
423
Highlight Pseudo-elements</h2>
424
424
425
425
<h3 id="highlight-selectors">
426
-
Selecting Highlighted Content: the ''::selection'', ''::spelling-error'', and ''::grammar-error'' pseudo-elements</h3>
426
+
Selecting Highlighted Content: the ''::selection'', ''::inactive-selection'', ''::spelling-error'', and ''::grammar-error'' pseudo-elements</h3>
427
427
428
428
The <dfn>highlight pseudo-elements</dfn>
429
429
represent portions of a document that have been highlighted in some way.
430
430
431
431
<dl export>
432
432
<dt><dfn>::selection</dfn>
433
+
<dt><dfn>::inactive-selection</dfn>
433
434
<dd>
434
-
The <a>::selection</a>pseudo-element represents
435
+
The ''::selection'' and ''::inactive-selection''pseudo-elements represent
435
436
the portion of a document that has been highlighted by the user.
436
437
This also applies, for example, to selected text within an editable text field.
437
438
438
-
Issue: Active vs. inactive selections are often styled differently. Currently no way to distinguish.
439
+
''::selection'' applies to active selections,
440
+
wherease ''::inactive-selection'' applies to inactive selections
441
+
(e.g. when the document window is inactive and therefore not receiving events).
439
442
440
443
<dt><dfn>::spelling-error</dfn>
441
444
<dd>
442
-
The <a>::spelling-error</a> pseudo-element represents
445
+
The ''::spelling-error'' pseudo-element represents
443
446
a portion of text that has been flagged by the user agent as misspelled.
444
447
445
448
<dt><dfn>::grammar-error</dfn>
446
449
<dd>
447
-
The <a>::grammar-error</a> pseudo-element represents
450
+
The ''::grammar-error'' pseudo-element represents
448
451
a portion of text that has been flagged by the user agent as grammatically incorrect.
449
452
</dl>
450
453
@@ -915,6 +918,7 @@ Changes</h2>
915
918
<ul>
916
919
<li>Addition of the ''::marker'' pseudo-element.
917
920
<li>Removed special handling of floated ''::first-letter'' in favor of <a href="https://www.w3.org/TR/css-inline-3/#initial-letter-styling">initial letter styling</a>. [[CSS-INLINE-3]]
921
+
<li>Added ''::inactive-selection''.
918
922
<li>Defined handling of text decorations on ''::selection'' to match IE's more sensible behavior.
919
923
<li>Links to pseudo-element OM design discussions.
0 commit comments