@@ -917,15 +917,22 @@ Shadows</h4>
917917Text and Text Decorations</h4>
918918
919919 A <a>highlight pseudo-element</a>
920- suppresses the normal drawing of any associated text
921- (and the text decorations that had been applied to that text).
920+ suppresses the normal drawing of any associated text,
921+ and the text decorations
922+ (other than shadows)
923+ that had been applied to that text.
922924 Instead the topmost active <a>highlight overlay</a>
923925 redraws that text
924926 (and those decorations)
925927 over all the <a>highlight overlay</a> backgrounds
926928 <!-- (and outlines, if any) -->
927929 using that highlight’s own 'color' .
928930
931+ Note: This means that unlike shadows,
932+ line decorations and emphasis marks
933+ won’t be obscured by any highlight overlay backgrounds
934+ that are drawn for the associated text.
935+
929936 For this purpose,
930937 ''currentColor'' on a [=highlight pseudo-element=] ’s 'color' property represents
931938 the 'color' of the next <a>highlight pseudo-element</a> layer below,
@@ -959,7 +966,7 @@ Text and Text Decorations</h4>
959966 <div class="example">
960967 For example, assuming the original text has an underline and a strike-through,
961968 that ''::selection'' applies an underline
962- and ''::target-text'' appplies both overline and strike-through,
969+ and ''::target-text'' applies both overline and strike-through,
963970 the following are both conformant painting orders:
964971 <div style="columns: 20em">
965972 <ol style="break-inside: avoid; margin-top: 0;">
0 commit comments