CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="icon" href="/drafts/static/hgicon.png" type="image/png" /> <meta name="robots" content="index, nofollow"/> <link rel="stylesheet" href="/drafts/static/style-monoblue.css" type="text/css" /> <script type="text/javascript" src="/drafts/static/mercurial.js"></script> <title>drafts: css-pseudo-4/Overview.bs@2c59015f61ee (annotated)</title> <link rel="alternate" type="application/atom+xml" href="/drafts/atom-log" title="Atom feed for drafts"/> <link rel="alternate" type="application/rss+xml" href="/drafts/rss-log" title="RSS feed for drafts"/> </head> <body> <div id="container"> <div class="page-header"> <h1 class="breadcrumb"><a href="/">Mercurial</a> > <a href="/drafts">drafts</a> / annotate</h1> <form action="/drafts/log"> <dl class="search"> <dt><label>Search: </label></dt> <dd><input type="text" name="rev" /></dd> </dl> </form> <ul class="page-nav"> <li><a href="/drafts/summary">summary</a></li> <li><a href="/drafts/shortlog">shortlog</a></li> <li><a href="/drafts/log">changelog</a></li> <li><a href="/drafts/graph/2c59015f61ee">graph</a></li> <li><a href="/drafts/tags">tags</a></li> <li><a href="/drafts/bookmarks">bookmarks</a></li> <li><a href="/drafts/branches">branches</a></li> <li><a href="/drafts/file/2c59015f61ee/css-pseudo-4/">files</a></li> <li><a href="/drafts/help">help</a></li> </ul> </div> <ul class="submenu"> <li><a href="/drafts/file/2c59015f61ee/css-pseudo-4/Overview.bs">file</a></li> <li><a href="/drafts/log/2c59015f61ee/css-pseudo-4/Overview.bs">revisions</a></li> <li class="current">annotate</li> <li><a href="/drafts/diff/2c59015f61ee/css-pseudo-4/Overview.bs">diff</a></li> <li><a href="/drafts/comparison/2c59015f61ee/css-pseudo-4/Overview.bs">comparison</a></li> <li><a href="/drafts/raw-annotate/2c59015f61ee/css-pseudo-4/Overview.bs">raw</a></li> </ul> <h2 class="no-link no-border">css-pseudo-4/Overview.bs@2c59015f61ee (annotated)</h2> <h3 class="changeset">css-pseudo-4/Overview.bs</h3> <p class="changeset-age age">Thu, 30 May 2024 16:40:09 -0400</p> <dl class="overview"> <dt>author</dt> <dd>L. David Baron <dbaron@dbaron.org></dd> <dt>date</dt> <dd>Thu, 30 May 2024 16:40:09 -0400</dd> <dt>changeset 31265</dt> <dd><a href="/drafts/rev/2c59015f61ee">2c59015f61ee</a></dd> <dt>parent 31264</dt> <dd> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs"> b470c6a4aafa </a> </dd> <dt>child 31269</dt> <dd> <a href="/drafts/annotate/24f6bda9217c/css-pseudo-4/Overview.bs">24f6bda9217c</a> </dd> <dt>permissions</dt> <dd>-rw-r--r--</dd> </dl> <p class="description">Add ::details-content pseudo-element. (#10379)<br/> <br/> This adds the ::details-content pseudo-element as resolved in:<br/> <br/> 1. https://github.com/w3c/csswg-drafts/issues/9879#issuecomment-1942785500<br/> <br/> 2. https://github.com/whatwg/html/issues/10200#issuecomment-1998676547 /<br/> https://github.com/w3c/csswg-drafts/issues/9951#issuecomment-1997916879<br/> <br/> 3. https://github.com/w3c/csswg-drafts/issues/9879#issuecomment-2121658036<br/> <br/> and uses the definition added in #10083.</p> <table class="annotated"> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l3" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1" id="l1"> 1</a> </td> <td class="source"><pre class='metadata'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfa1bfc379cb/css-pseudo-4/Overview.bs#l2" title="dfa1bfc379cb: Use Title: meta instead of explicit <h1>">blog@20068</a> </td> <td class="lineno"> <a href="#l2" id="l2"> 2</a> </td> <td class="source">Title: CSS Pseudo-Elements Module Level 4 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l4" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l3" id="l3"> 3</a> </td> <td class="source">Shortname: css-pseudo </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l5" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l4" id="l4"> 4</a> </td> <td class="source">Level: 4 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8df99269aff3/css-pseudo/Overview.bs#l6" title="8df99269aff3: Fix pinning of Date (and in some cases Status) for drafts that have Date pinned to current WD publication.">dbaron@16539</a> </td> <td class="lineno"> <a href="#l5" id="l5"> 5</a> </td> <td class="source">Status: ED </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/612a2987c2b7/css-pseudo-4/Overview.bs#l6" title="612a2987c2b7: [css-pseudo-4] Publication fixes.">fantasai@26442</a> </td> <td class="lineno"> <a href="#l6" id="l6"> 6</a> </td> <td class="source">Work Status: Refining </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l7" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l7" id="l7"> 7</a> </td> <td class="source">Group: csswg </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5be73fbc8592/css-pseudo/Overview.bs#l9" title="5be73fbc8592: change //dev.w3.org/csswg/ urls to //drafts.csswg.org/">peter@16986</a> </td> <td class="lineno"> <a href="#l8" id="l8"> 8</a> </td> <td class="source">ED: https://drafts.csswg.org/css-pseudo-4/ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-pseudo/Overview.bs#l10" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l9" id="l9"> 9</a> </td> <td class="source">TR: https://www.w3.org/TR/css-pseudo-4/ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/612a2987c2b7/css-pseudo-4/Overview.bs#l10" title="612a2987c2b7: [css-pseudo-4] Publication fixes.">fantasai@26442</a> </td> <td class="lineno"> <a href="#l10" id="l10"> 10</a> </td> <td class="source">Previous Version: https://www.w3.org/TR/2020/WD-css-pseudo-4-20201231/ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l10" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l11" id="l11"> 11</a> </td> <td class="source">Previous Version: https://www.w3.org/TR/2019/WD-css-pseudo-4-20190225/ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5263810352df/css-pseudo/Overview.bs#l11" title="5263810352df: [css-pseudo] Add previous version link for publication on June 7.">dbaron@17886</a> </td> <td class="lineno"> <a href="#l12" id="l12"> 12</a> </td> <td class="source">Previous Version: https://www.w3.org/TR/2016/WD-css-pseudo-4-20160607/ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-pseudo/Overview.bs#l11" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l13" id="l13"> 13</a> </td> <td class="source">Previous Version: https://www.w3.org/TR/2015/WD-css-pseudo-4-20150115/ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5be73fbc8592/css-pseudo/Overview.bs#l12" title="5be73fbc8592: change //dev.w3.org/csswg/ urls to //drafts.csswg.org/">peter@16986</a> </td> <td class="lineno"> <a href="#l14" id="l14"> 14</a> </td> <td class="source">!Issues List: <a href="https://drafts.csswg.org/css-pseudo/#issues-index">Tracked in Editor's Draft</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/22c9edc2d68b/css-pseudo-4/Overview.bs#l13" title="22c9edc2d68b: Add w3cid metadata for all editors.">dbaron@20171</a> </td> <td class="lineno"> <a href="#l15" id="l15"> 15</a> </td> <td class="source">Editor: Daniel Glazman, Disruptive Innovations, w3cid 13329 </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f0086c440543/css-pseudo-4/Overview.bs#l16" title="f0086c440543: [meta] Affiliation change">fantasai@30255</a> </td> <td class="lineno"> <a href="#l16" id="l16"> 16</a> </td> <td class="source">Editor: Elika J. Etemad / fantasai, Apple, http://fantasai.inkedblade.net/contact, w3cid 35400 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/22c9edc2d68b/css-pseudo-4/Overview.bs#l15" title="22c9edc2d68b: Add w3cid metadata for all editors.">dbaron@20171</a> </td> <td class="lineno"> <a href="#l17" id="l17"> 17</a> </td> <td class="source">Editor: Alan Stearns, Adobe Systems Inc., stearns@adobe.com, w3cid 46659 </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l12" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l18" id="l18"> 18</a> </td> <td class="source">Abstract: This CSS module defines pseudo-elements, abstract elements that represent portions of the CSS render tree that can be selected and styled. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l19" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l19" id="l19"> 19</a> </td> <td class="source">At Risk: the ''::prefix'' and ''::postfix'' sub-elements of ''::first-letter'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cf8615b58544/css-pseudo/Overview.bs#l18" title="cf8615b58544: [css-pseudo] Fix bikeshed errors.">jackalmage@19654</a> </td> <td class="lineno"> <a href="#l20" id="l20"> 20</a> </td> <td class="source">Ignored Terms: initial-letter, PseudoElement, pseudo(), selectors </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/984564590f0c/css-pseudo/Overview.bs#l19" title="984564590f0c: [css-pseudo] default highlight">jackalmage@18105</a> </td> <td class="lineno"> <a href="#l21" id="l21"> 21</a> </td> <td class="source">Default Highlight: css </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l19" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l22" id="l22"> 22</a> </td> <td class="source">Indent: 2 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/65876cec85b9/css-pseudo/Overview.bs#l17" title="65876cec85b9: [css-pseudo] Add ::marker { font-variant: tabular-nums; } to UA style sheet.">fantasai@15350</a> </td> <td class="lineno"> <a href="#l23" id="l23"> 23</a> </td> <td class="source"></pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/65876cec85b9/css-pseudo/Overview.bs#l18" title="65876cec85b9: [css-pseudo] Add ::marker { font-variant: tabular-nums; } to UA style sheet.">fantasai@15350</a> </td> <td class="lineno"> <a href="#l24" id="l24"> 24</a> </td> <td class="source"><pre class="link-defaults"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l25" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l25" id="l25"> 25</a> </td> <td class="source">spec:css-color-4; type:value; text:currentcolor </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l26" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l26" id="l26"> 26</a> </td> <td class="source">spec:css-color-4; type:property; text:color </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3fb4e7ab160/css-pseudo-4/Overview.bs#l23" title="b3fb4e7ab160: [css-pseudo-4] bikeshed link disambiguation">git@22977</a> </td> <td class="lineno"> <a href="#l27" id="l27"> 27</a> </td> <td class="source">spec:fill-stroke-3; type:property; text:stroke-width </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l14" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l28" id="l28"> 28</a> </td> <td class="source"></pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l15" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l29" id="l29"> 29</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l16" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l30" id="l30"> 30</a> </td> <td class="source"><h2 id="intro">Introduction</h2> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l17" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l31" id="l31"> 31</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l18" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l32" id="l32"> 32</a> </td> <td class="source"> <em>This section is informative.</em> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l19" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l33" id="l33"> 33</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a30f4e794b8a/css-pseudo/Overview.bs#l29" title="a30f4e794b8a: [css-pseudo] Use <a>.">jackalmage@18100</a> </td> <td class="lineno"> <a href="#l34" id="l34"> 34</a> </td> <td class="source"> <a>Pseudo-elements</a> represent abstract elements of the document </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l21" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l35" id="l35"> 35</a> </td> <td class="source"> beyond those elements explicitly created by the document language. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l22" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l36" id="l36"> 36</a> </td> <td class="source"> Since they are not restricted to fitting into the document tree, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62d08e54542a/css-pseudo-4/Overview.bs#l32" title="62d08e54542a: Fix a typo">wgao19@22887</a> </td> <td class="lineno"> <a href="#l37" id="l37"> 37</a> </td> <td class="source"> they can be used to select and style portions of the document </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l24" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l38" id="l38"> 38</a> </td> <td class="source"> that do not necessarily map to the document's tree structure. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l25" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l39" id="l39"> 39</a> </td> <td class="source"> For instance, the ''::first-line'' pseudo-element can </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l26" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l40" id="l40"> 40</a> </td> <td class="source"> select content on the first formatted line of an element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l27" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l41" id="l41"> 41</a> </td> <td class="source"> <em>after</em> text wrapping, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l28" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l42" id="l42"> 42</a> </td> <td class="source"> allowing just that line to be styled differently </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l29" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l43" id="l43"> 43</a> </td> <td class="source"> from the rest of the paragraph. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l30" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l44" id="l44"> 44</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a30f4e794b8a/css-pseudo/Overview.bs#l40" title="a30f4e794b8a: [css-pseudo] Use <a>.">jackalmage@18100</a> </td> <td class="lineno"> <a href="#l45" id="l45"> 45</a> </td> <td class="source"> Each pseudo-element is associated with an <a>originating element</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l32" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l46" id="l46"> 46</a> </td> <td class="source"> and has syntax of the form ''::name-of-pseudo''. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l33" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l47" id="l47"> 47</a> </td> <td class="source"> This module defines the pseudo-elements that exist in CSS </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l34" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l48" id="l48"> 48</a> </td> <td class="source"> and how they can be styled. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l35" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l49" id="l49"> 49</a> </td> <td class="source"> For more information on pseudo-elements in general, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a30f4e794b8a/css-pseudo/Overview.bs#l45" title="a30f4e794b8a: [css-pseudo] Use <a>.">jackalmage@18100</a> </td> <td class="lineno"> <a href="#l50" id="l50"> 50</a> </td> <td class="source"> and on their syntax and interaction with other <a>selectors</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/353e79190733/css-pseudo-4/Overview.bs#l48" title="353e79190733: [css-pseudo-4] Clarify that the marker of a list-item ::before/::after pseudo-element can be selected, but not with '::marker' because that expands to '*::marker' and * doesn't match pseudos. #3826 #3766">fantasai@23545</a> </td> <td class="lineno"> <a href="#l51" id="l51"> 51</a> </td> <td class="source"> see [[!SELECTORS-4]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l38" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l52" id="l52"> 52</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l39" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l53" id="l53"> 53</a> </td> <td class="source"><h2 id="typographic-pseudos"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l40" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l54" id="l54"> 54</a> </td> <td class="source">Typographic Pseudo-elements</h2> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l41" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l55" id="l55"> 55</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l39" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l56" id="l56"> 56</a> </td> <td class="source"><h3 id="first-line-pseudo"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l57" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l57" id="l57"> 57</a> </td> <td class="source">First-Line Text: the ''::first-line'' pseudo-element</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l41" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l58" id="l58"> 58</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l58" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l59" id="l59"> 59</a> </td> <td class="source"> The <dfn>::first-line</dfn> [=pseudo-element=] represents </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l59" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l60" id="l60"> 60</a> </td> <td class="source"> the contents of the [=first formatted line=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l60" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l61" id="l61"> 61</a> </td> <td class="source"> of its [=originating element=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l44" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l62" id="l62"> 62</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l45" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l63" id="l63"> 63</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l46" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l64" id="l64"> 64</a> </td> <td class="source"> The rule below means </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l47" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l65" id="l65"> 65</a> </td> <td class="source"> “change the letters of the first line of every <code>p</code> element to uppercase”: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-pseudo/Overview.bs#l55" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l66" id="l66"> 66</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l66" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l67" id="l67"> 67</a> </td> <td class="source"> <pre class="lang-css">p::first-line { text-transform: uppercase }</pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l50" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l68" id="l68"> 68</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l51" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l69" id="l69"> 69</a> </td> <td class="source"> The selector ''p::first-line'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l52" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l70" id="l70"> 70</a> </td> <td class="source"> does not match any real document element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l70" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l71" id="l71"> 71</a> </td> <td class="source"> It instead matches a pseudo-element </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l71" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l72" id="l72"> 72</a> </td> <td class="source"> that the user agent will automatically insert </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l72" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l73" id="l73"> 73</a> </td> <td class="source"> at the beginning of every <code>p</code> element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l55" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l74" id="l74"> 74</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l56" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l75" id="l75"> 75</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l57" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l76" id="l76"> 76</a> </td> <td class="source"> Note: Note that the length of the first line depends on a number of factors, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l58" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l77" id="l77"> 77</a> </td> <td class="source"> including the width of the page, the font size, etc. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l59" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l78" id="l78"> 78</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l78" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l79" id="l79"> 79</a> </td> <td class="source"> <div class="example" id="first-line-example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-pseudo/Overview.bs#l68" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l80" id="l80"> 80</a> </td> <td class="source"> For example, given an ordinary HTML [[HTML5]] paragraph such as: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-pseudo/Overview.bs#l69" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l81" id="l81"> 81</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l81" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l82" id="l82"> 82</a> </td> <td class="source"> <pre class="lang-markup"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l82" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l83" id="l83"> 83</a> </td> <td class="source"> &lt;P&gt;This is a somewhat long HTML paragraph </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l83" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l84" id="l84"> 84</a> </td> <td class="source"> that will be broken into several lines. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l84" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l85" id="l85"> 85</a> </td> <td class="source"> The first line will be styled </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l85" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l86" id="l86"> 86</a> </td> <td class="source"> by the ‘::first-line’ pseudo-element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l86" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l87" id="l87"> 87</a> </td> <td class="source"> The other lines will be treated </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l87" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l88" id="l88"> 88</a> </td> <td class="source"> as ordinary lines in the paragraph.&lt;/P&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l70" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l89" id="l89"> 89</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-pseudo/Overview.bs#l78" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l90" id="l90"> 90</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l90" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l91" id="l91"> 91</a> </td> <td class="source"> Depending on the width of the element, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l91" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l92" id="l92"> 92</a> </td> <td class="source"> its lines might be broken as follows: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-pseudo/Overview.bs#l80" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l93" id="l93"> 93</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l93" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l94" id="l94"> 94</a> </td> <td class="source"> <pre class="figure"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l75" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l95" id="l95"> 95</a> </td> <td class="source"> THIS IS A SOMEWHAT LONG HTML PARAGRAPH THAT </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/514990f5dde3/css-pseudo-4/Overview.bs#l96" title="514990f5dde3: [css-pseudo-4][editorial] Fixed formatting in example 2">sebastianzartner@30113</a> </td> <td class="lineno"> <a href="#l96" id="l96"> 96</a> </td> <td class="source"> will be broken into several lines. The first </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/514990f5dde3/css-pseudo-4/Overview.bs#l97" title="514990f5dde3: [css-pseudo-4][editorial] Fixed formatting in example 2">sebastianzartner@30113</a> </td> <td class="lineno"> <a href="#l97" id="l97"> 97</a> </td> <td class="source"> line will be styled by the ‘::first-line’ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/514990f5dde3/css-pseudo-4/Overview.bs#l98" title="514990f5dde3: [css-pseudo-4][editorial] Fixed formatting in example 2">sebastianzartner@30113</a> </td> <td class="lineno"> <a href="#l98" id="l98"> 98</a> </td> <td class="source"> pseudo-element. The other lines will be </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l98" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l99" id="l99"> 99</a> </td> <td class="source"> treated as ordinary lines in the paragraph. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l80" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l100" id="l100"> 100</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l81" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l101" id="l101"> 101</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l101" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l102" id="l102"> 102</a> </td> <td class="source"> or alternately as follows: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-pseudo/Overview.bs#l92" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l103" id="l103"> 103</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l103" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l104" id="l104"> 104</a> </td> <td class="source"> <pre class="figure"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l104" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l105" id="l105"> 105</a> </td> <td class="source"> THIS IS A SOMEWHAT LONG </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l105" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l106" id="l106"> 106</a> </td> <td class="source"> HTML paragraph that will </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l106" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l107" id="l107"> 107</a> </td> <td class="source"> be broken into several </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l107" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l108" id="l108"> 108</a> </td> <td class="source"> lines. The first line will </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/514990f5dde3/css-pseudo-4/Overview.bs#l109" title="514990f5dde3: [css-pseudo-4][editorial] Fixed formatting in example 2">sebastianzartner@30113</a> </td> <td class="lineno"> <a href="#l109" id="l109"> 109</a> </td> <td class="source"> be styled by the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/514990f5dde3/css-pseudo-4/Overview.bs#l110" title="514990f5dde3: [css-pseudo-4][editorial] Fixed formatting in example 2">sebastianzartner@30113</a> </td> <td class="lineno"> <a href="#l110" id="l110"> 110</a> </td> <td class="source"> ‘::first-line’ pseudo- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/514990f5dde3/css-pseudo-4/Overview.bs#l111" title="514990f5dde3: [css-pseudo-4][editorial] Fixed formatting in example 2">sebastianzartner@30113</a> </td> <td class="lineno"> <a href="#l111" id="l111"> 111</a> </td> <td class="source"> element. The other lines </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/514990f5dde3/css-pseudo-4/Overview.bs#l112" title="514990f5dde3: [css-pseudo-4][editorial] Fixed formatting in example 2">sebastianzartner@30113</a> </td> <td class="lineno"> <a href="#l112" id="l112"> 112</a> </td> <td class="source"> will be treated as ordinary </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/514990f5dde3/css-pseudo-4/Overview.bs#l113" title="514990f5dde3: [css-pseudo-4][editorial] Fixed formatting in example 2">sebastianzartner@30113</a> </td> <td class="lineno"> <a href="#l113" id="l113"> 113</a> </td> <td class="source"> lines in the paragraph. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l124" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l114" id="l114"> 114</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l125" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l115" id="l115"> 115</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l126" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l116" id="l116"> 116</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l127" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l117" id="l117"> 117</a> </td> <td class="source"><h4 id="first-text-line"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l131" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l118" id="l118"> 118</a> </td> <td class="source">Finding the First Formatted Line</h4> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l129" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l119" id="l119"> 119</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l130" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l120" id="l120"> 120</a> </td> <td class="source"> In CSS, the ''::first-line'' pseudo-element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l120" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l121" id="l121"> 121</a> </td> <td class="source"> can only have an effect when attached to a <a>block container</a>: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l121" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l122" id="l122"> 122</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l122" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l123" id="l123"> 123</a> </td> <td class="source"> * The <dfn export>first formatted line</dfn> of </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l123" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l124" id="l124"> 124</a> </td> <td class="source"> a [=block container=] that establishes an [=inline formatting context=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f7e5309ba29d/css-pseudo-4/Overview.bs#l125" title="f7e5309ba29d: [css-pseudo-4] Wording tweak">fantasai@29350</a> </td> <td class="lineno"> <a href="#l125" id="l125"> 125</a> </td> <td class="source"> represents the [=inline-level=] content of its first [=line box=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l125" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l126" id="l126"> 126</a> </td> <td class="source"> * The [=first formatted line=] of </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l126" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l127" id="l127"> 127</a> </td> <td class="source"> a [=block container=] or [=multi-column container=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l127" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l128" id="l128"> 128</a> </td> <td class="source"> that contains [=block-level=] content </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l128" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l129" id="l129"> 129</a> </td> <td class="source"> (and is not a [=table wrapper box=]) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l129" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l130" id="l130"> 130</a> </td> <td class="source"> is the [=first formatted line=] of </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l130" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l131" id="l131"> 131</a> </td> <td class="source"> its first [=in-flow=] [=block-level=] child. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l131" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l132" id="l132"> 132</a> </td> <td class="source"> If no such line exists, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l132" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l133" id="l133"> 133</a> </td> <td class="source"> it has no [=first formatted line=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l133" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l134" id="l134"> 134</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l134" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l135" id="l135"> 135</a> </td> <td class="source"> Note: The [=first formatted line=] can be an empty line. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l135" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l136" id="l136"> 136</a> </td> <td class="source"> For example, the first line of the <code>p</code> in </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l136" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l137" id="l137"> 137</a> </td> <td class="source"> <code class="lang-markup">&lt;p&gt;&lt;br&gt;First&hellip;</code> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l137" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l138" id="l138"> 138</a> </td> <td class="source"> doesn't contain any letters. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l138" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l139" id="l139"> 139</a> </td> <td class="source"> Thus the word “First” is not on the first formatted line, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l139" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l140" id="l140"> 140</a> </td> <td class="source"> and will not be affected by ''p::first-line''. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l140" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l141" id="l141"> 141</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l141" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l142" id="l142"> 142</a> </td> <td class="source"> Note: The first line of a [=block container=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f7e5309ba29d/css-pseudo-4/Overview.bs#l143" title="f7e5309ba29d: [css-pseudo-4] Wording tweak">fantasai@29350</a> </td> <td class="lineno"> <a href="#l143" id="l143"> 143</a> </td> <td class="source"> that does not itself participate in a [=block formatting context=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l143" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l144" id="l144"> 144</a> </td> <td class="source"> cannot be the first formatted line of an ancestor element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l144" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l145" id="l145"> 145</a> </td> <td class="source"> Thus, in <code class="lang-markup">&lt;DIV&gt;&lt;P STYLE="display: inline-block"&gt;Hello&lt;BR&gt;Goodbye&lt;/P&gt; etcetera&lt;/DIV&gt;</code> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l145" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l146" id="l146"> 146</a> </td> <td class="source"> the first formatted line of the <code>DIV</code> is not the line “Hello”, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b47c7d422a67/css-pseudo-4/Overview.bs#l147" title="b47c7d422a67: [css-pseudo-4] Fixes to notes from review by mrego/frivoal. #2120">fantasai@28062</a> </td> <td class="lineno"> <a href="#l147" id="l147"> 147</a> </td> <td class="source"> but rather the line that contains that entire inline block. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l147" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l148" id="l148"> 148</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l148" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l149" id="l149"> 149</a> </td> <td class="source"> When a [=first formatted line=] is represented </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l149" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l150" id="l150"> 150</a> </td> <td class="source"> by multiple ''::first-line'' pseudo-elements, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l150" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l151" id="l151"> 151</a> </td> <td class="source"> they are nested in the same order as their [=originating elements=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a15d21858730/css-pseudo-4/Overview.bs#l152" title="a15d21858730: [css-pseudo-4] Root inline fragment is inside ::first-line #1384">fantasai@29344</a> </td> <td class="lineno"> <a href="#l152" id="l152"> 152</a> </td> <td class="source"> The [=inline-level=] contents of this line-- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a15d21858730/css-pseudo-4/Overview.bs#l153" title="a15d21858730: [css-pseudo-4] Root inline fragment is inside ::first-line #1384">fantasai@29344</a> </td> <td class="lineno"> <a href="#l153" id="l153"> 153</a> </td> <td class="source"> including its [=root inline box=] fragment-- </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a15d21858730/css-pseudo-4/Overview.bs#l154" title="a15d21858730: [css-pseudo-4] Root inline fragment is inside ::first-line #1384">fantasai@29344</a> </td> <td class="lineno"> <a href="#l154" id="l154"> 154</a> </td> <td class="source"> are nested within the innermost ''::first-line'' [=pseudo-element=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l135" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l155" id="l155"> 155</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l136" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l156" id="l156"> 156</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l153" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l157" id="l157"> 157</a> </td> <td class="source"> Consider the following markup: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l154" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l158" id="l158"> 158</a> </td> <td class="source"> <pre class="lang-markup"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l158" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l159" id="l159"> 159</a> </td> <td class="source"> &lt;DIV&gt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l159" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l160" id="l160"> 160</a> </td> <td class="source"> &lt;P&gt;First paragraph&lt;/P&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l160" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l161" id="l161"> 161</a> </td> <td class="source"> &lt;P&gt;Second paragraph&lt;/P&gt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l161" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l162" id="l162"> 162</a> </td> <td class="source"> &lt;/DIV&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l162" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l163" id="l163"> 163</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l160" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l164" id="l164"> 164</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l161" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l165" id="l165"> 165</a> </td> <td class="source"> If we assume a [=fictional tag sequence=] to represent </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l162" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l166" id="l166"> 166</a> </td> <td class="source"> the elements’ ''::first-line'' pseudo elements, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l163" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l167" id="l167"> 167</a> </td> <td class="source"> it would be something like: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98487bfb8c8e/css-pseudo-4/Overview.bs#l164" title="98487bfb8c8e: [css-pseudo-4] Rewrite definition of first formatted line as a proper definition as outlined by Oriol in #1158">fantasai@26445</a> </td> <td class="lineno"> <a href="#l168" id="l168"> 168</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l165" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l169" id="l169"> 169</a> </td> <td class="source"> <pre class="lang-markup"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l165" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l170" id="l170"> 170</a> </td> <td class="source"> &lt;DIV&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l166" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l171" id="l171"> 171</a> </td> <td class="source"> &lt;P&gt;&lt;DIV::first-line&gt;&lt;P::first-line&gt;First paragraph&lt;/P::first-line&gt;&lt;/DIV::first-line&gt;&lt;/P&gt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l167" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l172" id="l172"> 172</a> </td> <td class="source"> &lt;P&gt;&lt;P::first-line&gt;Second paragraph&lt;/P::first-line&gt;&lt;/P&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l168" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l173" id="l173"> 173</a> </td> <td class="source"> &lt;/DIV&gt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l169" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l174" id="l174"> 174</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l170" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l175" id="l175"> 175</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l171" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l176" id="l176"> 176</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l175" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l177" id="l177"> 177</a> </td> <td class="source"><h4 id="first-line-styling"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l175" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l178" id="l178"> 178</a> </td> <td class="source">Styling the ''::first-line'' Pseudo-element</h4> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l177" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l179" id="l179"> 179</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l172" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l180" id="l180"> 180</a> </td> <td class="source"> The ''::first-line'' pseudo-element’s generated box </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d0ca39b47147/css-pseudo-4/Overview.bs#l178" title="d0ca39b47147: [css-pseudo-4][editorial] Improve term linking">fantasai@28054</a> </td> <td class="lineno"> <a href="#l181" id="l181"> 181</a> </td> <td class="source"> behaves similar to that of an [=inline-level box=], but with certain restrictions. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l174" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l182" id="l182"> 182</a> </td> <td class="source"> The following CSS properties apply to a ''::first-line'' pseudo-element: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l175" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l183" id="l183"> 183</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c761a08d1876/css-pseudo-4/Overview.bs#l184" title="c761a08d1876: [css-pseudo-4] Update informative list of "see also" specs, see #8635">chris@29791</a> </td> <td class="lineno"> <a href="#l184" id="l184"> 184</a> </td> <td class="source"> <li>all font properties (see [[CSS-FONTS-4]]) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c761a08d1876/css-pseudo-4/Overview.bs#l185" title="c761a08d1876: [css-pseudo-4] Update informative list of "see also" specs, see #8635">chris@29791</a> </td> <td class="lineno"> <a href="#l185" id="l185"> 185</a> </td> <td class="source"> <li>the 'color' and 'opacity' properties (see [[CSS-COLOR-4]]) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c761a08d1876/css-pseudo-4/Overview.bs#l186" title="c761a08d1876: [css-pseudo-4] Update informative list of "see also" specs, see #8635">chris@29791</a> </td> <td class="lineno"> <a href="#l186" id="l186"> 186</a> </td> <td class="source"> <li>all background properties (see [[CSS-BACKGROUNDS-4]]) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5a3a7b58ab22/css-pseudo-4/Overview.bs#l196" title="5a3a7b58ab22: [css-pseudo-4] Update biblio to contemporary format.">fantasai@24384</a> </td> <td class="lineno"> <a href="#l187" id="l187"> 187</a> </td> <td class="source"> <li>any typesetting properties that apply to inline elements (see [[CSS-TEXT-3]]) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5a3a7b58ab22/css-pseudo-4/Overview.bs#l197" title="5a3a7b58ab22: [css-pseudo-4] Update biblio to contemporary format.">fantasai@24384</a> </td> <td class="lineno"> <a href="#l188" id="l188"> 188</a> </td> <td class="source"> <li>all text decoration properties (see [[CSS-TEXT-DECOR-3]]) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a3c16903d92a/css-pseudo-4/Overview.bs#l198" title="a3c16903d92a: [css-ruby-1][css-pseudo-4] Apply ruby-position to ::first-line per https://github.com/w3c/csswg-drafts/issues/2998">fantasai@24382</a> </td> <td class="lineno"> <a href="#l189" id="l189"> 189</a> </td> <td class="source"> <li>the 'ruby-position' property (see [[CSS-RUBY-1]]) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cf8615b58544/css-pseudo/Overview.bs#l197" title="cf8615b58544: [css-pseudo] Fix bikeshed errors.">jackalmage@19654</a> </td> <td class="lineno"> <a href="#l190" id="l190"> 190</a> </td> <td class="source"> <li>any inline layout properties that apply to inline elements (see [[CSS-INLINE-3]]) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/17270f78584c/css-pseudo/Overview.bs#l196" title="17270f78584c: [css-pseudo] Fix what I assume is a copy/paste error.">simon@17219</a> </td> <td class="lineno"> <a href="#l191" id="l191"> 191</a> </td> <td class="source"> <li>any other properties defined to apply to ''::first-line'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l183" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l192" id="l192"> 192</a> </td> <td class="source"> by their respective specifications </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l184" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l193" id="l193"> 193</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/87477391fdb2/css-pseudo-4/Overview.bs#l203" title="87477391fdb2: [css-pseudo-4] Exclude writing-mode + direction + text-orientation from ::first-line #1097">fantasai@25823</a> </td> <td class="lineno"> <a href="#l194" id="l194"> 194</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/87477391fdb2/css-pseudo-4/Overview.bs#l204" title="87477391fdb2: [css-pseudo-4] Exclude writing-mode + direction + text-orientation from ::first-line #1097">fantasai@25823</a> </td> <td class="lineno"> <a href="#l195" id="l195"> 195</a> </td> <td class="source"> User agents may apply other properties as well except for </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/87477391fdb2/css-pseudo-4/Overview.bs#l205" title="87477391fdb2: [css-pseudo-4] Exclude writing-mode + direction + text-orientation from ::first-line #1097">fantasai@25823</a> </td> <td class="lineno"> <a href="#l196" id="l196"> 196</a> </td> <td class="source"> the following excluded properties: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/87477391fdb2/css-pseudo-4/Overview.bs#l206" title="87477391fdb2: [css-pseudo-4] Exclude writing-mode + direction + text-orientation from ::first-line #1097">fantasai@25823</a> </td> <td class="lineno"> <a href="#l197" id="l197"> 197</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/87477391fdb2/css-pseudo-4/Overview.bs#l207" title="87477391fdb2: [css-pseudo-4] Exclude writing-mode + direction + text-orientation from ::first-line #1097">fantasai@25823</a> </td> <td class="lineno"> <a href="#l198" id="l198"> 198</a> </td> <td class="source"> <li>'writing-mode' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/87477391fdb2/css-pseudo-4/Overview.bs#l208" title="87477391fdb2: [css-pseudo-4] Exclude writing-mode + direction + text-orientation from ::first-line #1097">fantasai@25823</a> </td> <td class="lineno"> <a href="#l199" id="l199"> 199</a> </td> <td class="source"> <li>'direction' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/87477391fdb2/css-pseudo-4/Overview.bs#l209" title="87477391fdb2: [css-pseudo-4] Exclude writing-mode + direction + text-orientation from ::first-line #1097">fantasai@25823</a> </td> <td class="lineno"> <a href="#l200" id="l200"> 200</a> </td> <td class="source"> <li>'text-orientation' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/87477391fdb2/css-pseudo-4/Overview.bs#l210" title="87477391fdb2: [css-pseudo-4] Exclude writing-mode + direction + text-orientation from ::first-line #1097">fantasai@25823</a> </td> <td class="lineno"> <a href="#l201" id="l201"> 201</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l186" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l202" id="l202"> 202</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a15d21858730/css-pseudo-4/Overview.bs#l203" title="a15d21858730: [css-pseudo-4] Root inline fragment is inside ::first-line #1384">fantasai@29344</a> </td> <td class="lineno"> <a href="#l203" id="l203"> 203</a> </td> <td class="source"> Note: Setting 'line-height' on ''::first-line'' inherits to </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba35ec9317b3/css-pseudo-4/Overview.bs#l201" title="ba35ec9317b3: [css-pseudo-4] Fix link">fantasai@28056</a> </td> <td class="lineno"> <a href="#l204" id="l204"> 204</a> </td> <td class="source"> the fragment of the [=root inline box=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba35ec9317b3/css-pseudo-4/Overview.bs#l202" title="ba35ec9317b3: [css-pseudo-4] Fix link">fantasai@28056</a> </td> <td class="lineno"> <a href="#l205" id="l205"> 205</a> </td> <td class="source"> that wraps the contents of the first line, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7751c72f50f6/css-pseudo-4/Overview.bs#l202" title="7751c72f50f6: [css-pseudo-4] Define impact of line-height on ::first-line #2282">fantasai@28055</a> </td> <td class="lineno"> <a href="#l206" id="l206"> 206</a> </td> <td class="source"> and therefore can both increase and decrease the height of the first line box. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7751c72f50f6/css-pseudo-4/Overview.bs#l208" title="7751c72f50f6: [css-pseudo-4] Define impact of line-height on ::first-line #2282">fantasai@28055</a> </td> <td class="lineno"> <a href="#l207" id="l207"> 207</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l193" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l208" id="l208"> 208</a> </td> <td class="source"><h4 id="first-line-inheritance"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l194" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l209" id="l209"> 209</a> </td> <td class="source">Inheritance and the ''::first-line'' Pseudo-element</h4> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l195" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l210" id="l210"> 210</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8d5e57ad0a22/css-pseudo-4/Overview.bs#l208" title="8d5e57ad0a22: [css-pseudo-4] Better definition of inheritance from ::first-line per #1097">fantasai@25820</a> </td> <td class="lineno"> <a href="#l211" id="l211"> 211</a> </td> <td class="source"> During CSS [=inheritance=], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8d5e57ad0a22/css-pseudo-4/Overview.bs#l209" title="8d5e57ad0a22: [css-pseudo-4] Better definition of inheritance from ::first-line per #1097">fantasai@25820</a> </td> <td class="lineno"> <a href="#l212" id="l212"> 212</a> </td> <td class="source"> the [=box fragment|fragment=] of a child that occurs on the first line </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/87477391fdb2/css-pseudo-4/Overview.bs#l217" title="87477391fdb2: [css-pseudo-4] Exclude writing-mode + direction + text-orientation from ::first-line #1097">fantasai@25823</a> </td> <td class="lineno"> <a href="#l213" id="l213"> 213</a> </td> <td class="source"> inherits any standard [=inherited properties=]-- </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/87477391fdb2/css-pseudo-4/Overview.bs#l218" title="87477391fdb2: [css-pseudo-4] Exclude writing-mode + direction + text-orientation from ::first-line #1097">fantasai@25823</a> </td> <td class="lineno"> <a href="#l214" id="l214"> 214</a> </td> <td class="source"> except the properties excluded above-- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l189" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l215" id="l215"> 215</a> </td> <td class="source"> from the ''::first-line'' pseudo-element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8d5e57ad0a22/css-pseudo-4/Overview.bs#l212" title="8d5e57ad0a22: [css-pseudo-4] Better definition of inheritance from ::first-line per #1097">fantasai@25820</a> </td> <td class="lineno"> <a href="#l216" id="l216"> 216</a> </td> <td class="source"> For all other properties, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8d5e57ad0a22/css-pseudo-4/Overview.bs#l213" title="8d5e57ad0a22: [css-pseudo-4] Better definition of inheritance from ::first-line per #1097">fantasai@25820</a> </td> <td class="lineno"> <a href="#l217" id="l217"> 217</a> </td> <td class="source"> including all [=custom properties=] [[!CSS-VARIABLES-1]], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8d5e57ad0a22/css-pseudo-4/Overview.bs#l214" title="8d5e57ad0a22: [css-pseudo-4] Better definition of inheritance from ::first-line per #1097">fantasai@25820</a> </td> <td class="lineno"> <a href="#l218" id="l218"> 218</a> </td> <td class="source"> inheritance is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8d5e57ad0a22/css-pseudo-4/Overview.bs#l215" title="8d5e57ad0a22: [css-pseudo-4] Better definition of inheritance from ::first-line per #1097">fantasai@25820</a> </td> <td class="lineno"> <a href="#l219" id="l219"> 219</a> </td> <td class="source"> from the non-pseudo parent. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l192" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l220" id="l220"> 220</a> </td> <td class="source"> (The portion of a child element that does not occur on the first line </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8d5e57ad0a22/css-pseudo-4/Overview.bs#l217" title="8d5e57ad0a22: [css-pseudo-4] Better definition of inheritance from ::first-line per #1097">fantasai@25820</a> </td> <td class="lineno"> <a href="#l221" id="l221"> 221</a> </td> <td class="source"> always inherits from the non-pseudo parent.) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l194" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l222" id="l222"> 222</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l203" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l223" id="l223"> 223</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l204" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l224" id="l224"> 224</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l205" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l225" id="l225"> 225</a> </td> <td class="source"> In the common case (of standard inherited CSS properties), </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l206" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l226" id="l226"> 226</a> </td> <td class="source"> [=inheritance=] into and from a ''::first-line'' pseudo-element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l207" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l227" id="l227"> 227</a> </td> <td class="source"> can be understood by writing out a <dfn>fictional tag sequence</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l208" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l228" id="l228"> 228</a> </td> <td class="source"> to represent ''::first-line''. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l209" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l229" id="l229"> 229</a> </td> <td class="source"> Consider the <a href="#first-line-example">earlier example</a>; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l210" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l230" id="l230"> 230</a> </td> <td class="source"> in case of the first rendering, the fictional tag sequence would be: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l211" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l231" id="l231"> 231</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l223" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l232" id="l232"> 232</a> </td> <td class="source"> <pre class="lang-markup"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l213" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l233" id="l233"> 233</a> </td> <td class="source"> &lt;P&gt;<strong>&lt;p::first-line></strong>This is a somewhat long HTML paragraph </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l214" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l234" id="l234"> 234</a> </td> <td class="source"> that<strong>&lt;/p::first-line></strong> will be broken into several lines. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l215" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l235" id="l235"> 235</a> </td> <td class="source"> The first line will be styled </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l216" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l236" id="l236"> 236</a> </td> <td class="source"> by the ‘::first-line’ pseudo-element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l217" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l237" id="l237"> 237</a> </td> <td class="source"> The other lines will be treated </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-pseudo-4/Overview.bs#l229" title="dfe5f345ac42: Revert "Revert "Merge branch 'main' of https://github.com/w3c/csswg-drafts into main""">dbaron@27061</a> </td> <td class="lineno"> <a href="#l238" id="l238"> 238</a> </td> <td class="source"> as ordinary lines in the paragraph.&lt;/p&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l219" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l239" id="l239"> 239</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l220" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l240" id="l240"> 240</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l221" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l241" id="l241"> 241</a> </td> <td class="source"> And in the case of the second rendering: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l222" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l242" id="l242"> 242</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l234" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l243" id="l243"> 243</a> </td> <td class="source"> <pre class="lang-markup"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-pseudo-4/Overview.bs#l235" title="dfe5f345ac42: Revert "Revert "Merge branch 'main' of https://github.com/w3c/csswg-drafts into main""">dbaron@27061</a> </td> <td class="lineno"> <a href="#l244" id="l244"> 244</a> </td> <td class="source"> &lt;p&gt;<strong>&lt;p::first-line></strong>This is a somewhat long<strong>&lt;/p::first-line></strong> HTML paragraph </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l225" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l245" id="l245"> 245</a> </td> <td class="source"> that will be broken into several lines. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l226" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l246" id="l246"> 246</a> </td> <td class="source"> The first line will be styled </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l227" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l247" id="l247"> 247</a> </td> <td class="source"> by the ‘::first-line’ pseudo-element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l228" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l248" id="l248"> 248</a> </td> <td class="source"> The other lines will be treated </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-pseudo-4/Overview.bs#l240" title="dfe5f345ac42: Revert "Revert "Merge branch 'main' of https://github.com/w3c/csswg-drafts into main""">dbaron@27061</a> </td> <td class="lineno"> <a href="#l249" id="l249"> 249</a> </td> <td class="source"> as ordinary lines in the paragraph.&lt;/p&gt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l230" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l250" id="l250"> 250</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l231" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l251" id="l251"> 251</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l232" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l252" id="l252"> 252</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l233" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l253" id="l253"> 253</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l234" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l254" id="l254"> 254</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l235" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l255" id="l255"> 255</a> </td> <td class="source"> If a pseudo-element breaks up a real element, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l236" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l256" id="l256"> 256</a> </td> <td class="source"> the effect can often be described </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l237" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l257" id="l257"> 257</a> </td> <td class="source"> by a <a>fictional tag sequence</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l238" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l258" id="l258"> 258</a> </td> <td class="source"> that closes and then re-opens the element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l239" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l259" id="l259"> 259</a> </td> <td class="source"> Suppose we mark up the earlier example </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l240" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l260" id="l260"> 260</a> </td> <td class="source"> with a <code>span</code> element encompassing the first sentence: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l241" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l261" id="l261"> 261</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l253" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l262" id="l262"> 262</a> </td> <td class="source"> <pre class="lang-markup"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-pseudo-4/Overview.bs#l254" title="dfe5f345ac42: Revert "Revert "Merge branch 'main' of https://github.com/w3c/csswg-drafts into main""">dbaron@27061</a> </td> <td class="lineno"> <a href="#l263" id="l263"> 263</a> </td> <td class="source"> &lt;p&gt;<strong>&lt;span></strong>This is a somewhat long HTML paragraph </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l244" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l264" id="l264"> 264</a> </td> <td class="source"> that will be broken into several lines.<strong>&lt;/span></strong> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l245" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l265" id="l265"> 265</a> </td> <td class="source"> The first line will be styled </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l246" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l266" id="l266"> 266</a> </td> <td class="source"> by the ‘::first-line’ pseudo-element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l247" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l267" id="l267"> 267</a> </td> <td class="source"> The other lines will be treated </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-pseudo-4/Overview.bs#l259" title="dfe5f345ac42: Revert "Revert "Merge branch 'main' of https://github.com/w3c/csswg-drafts into main""">dbaron@27061</a> </td> <td class="lineno"> <a href="#l268" id="l268"> 268</a> </td> <td class="source"> as ordinary lines in the paragraph.&lt;/p&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l249" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l269" id="l269"> 269</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l250" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l270" id="l270"> 270</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l251" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l271" id="l271"> 271</a> </td> <td class="source"> The effect of the first rendering </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l252" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l272" id="l272"> 272</a> </td> <td class="source"> would be similar to the following [=fictional tag sequence=]: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l253" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l273" id="l273"> 273</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l265" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l274" id="l274"> 274</a> </td> <td class="source"> <pre class="lang-markup"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-pseudo-4/Overview.bs#l266" title="dfe5f345ac42: Revert "Revert "Merge branch 'main' of https://github.com/w3c/csswg-drafts into main""">dbaron@27061</a> </td> <td class="lineno"> <a href="#l275" id="l275"> 275</a> </td> <td class="source"> &lt;p&gt;<strong>&lt;p::first-line>&lt;span></strong>This is a somewhat long HTML paragraph </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-pseudo-4/Overview.bs#l267" title="dfe5f345ac42: Revert "Revert "Merge branch 'main' of https://github.com/w3c/csswg-drafts into main""">dbaron@27061</a> </td> <td class="lineno"> <a href="#l276" id="l276"> 276</a> </td> <td class="source"> that<strong>&lt;/span>&lt;/p::first-line>&lt;span></strong> will be broken into several lines.<strong>&lt;/span></strong> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l257" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l277" id="l277"> 277</a> </td> <td class="source"> The first line will be styled </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l258" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l278" id="l278"> 278</a> </td> <td class="source"> by the ‘::first-line’ pseudo-element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l259" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l279" id="l279"> 279</a> </td> <td class="source"> The other lines will be treated </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-pseudo-4/Overview.bs#l271" title="dfe5f345ac42: Revert "Revert "Merge branch 'main' of https://github.com/w3c/csswg-drafts into main""">dbaron@27061</a> </td> <td class="lineno"> <a href="#l280" id="l280"> 280</a> </td> <td class="source"> as ordinary lines in the paragraph.&lt;/p&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l261" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l281" id="l281"> 281</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l262" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l282" id="l282"> 282</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l263" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l283" id="l283"> 283</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bd0f2a9c3e8b/css-pseudo-4/Overview.bs#l264" title="bd0f2a9c3e8b: [css-pseudo-4] Clean up definition/examples of fictional tag sequences for ::first-line">fantasai@26444</a> </td> <td class="lineno"> <a href="#l284" id="l284"> 284</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l195" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l285" id="l285"> 285</a> </td> <td class="source"><h3 id="first-letter-pseudo"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l278" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l286" id="l286"> 286</a> </td> <td class="source">First-Letter Text: ''::first-letter'' pseudo-element and its ''::prefix'' and ''::postfix'' children</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l197" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l287" id="l287"> 287</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l290" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l288" id="l288"> 288</a> </td> <td class="source"> <div class="figure"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l291" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l289" id="l289"> 289</a> </td> <td class="source"> <img alt="A drop-cap initial letter, including the opening quotation mark before it." src="images/first-letter2.gif"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l292" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l290" id="l290"> 290</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l293" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l291" id="l291"> 291</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l280" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l292" id="l292"> 292</a> </td> <td class="source"> The <dfn>::first-letter</dfn> [=pseudo-element=] represents </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/35124106644d/css-pseudo-4/Overview.bs#l281" title="35124106644d: [css-pseudo-4] Add Symbols to possible First Letters. #5099">fantasai@28038</a> </td> <td class="lineno"> <a href="#l293" id="l293"> 293</a> </td> <td class="source"> the first Letter, Number, or Symbol </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3b5c0c4e4b4a/css-pseudo-4/Overview.bs#l282" title="3b5c0c4e4b4a: [css-pseudo-4] Improve cross-linking to CSS Text 3.">fantasai@28047</a> </td> <td class="lineno"> <a href="#l294" id="l294"> 294</a> </td> <td class="source"> (Unicode category <code>L*</code>, <code>N*</code>, or <code>S*</code>) [=typographic character unit=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/35124106644d/css-pseudo-4/Overview.bs#l283" title="35124106644d: [css-pseudo-4] Add Symbols to possible First Letters. #5099">fantasai@28038</a> </td> <td class="lineno"> <a href="#l295" id="l295"> 295</a> </td> <td class="source"> on the <a>first formatted line</a> of its <a>originating element</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/35124106644d/css-pseudo-4/Overview.bs#l284" title="35124106644d: [css-pseudo-4] Add Symbols to possible First Letters. #5099">fantasai@28038</a> </td> <td class="lineno"> <a href="#l296" id="l296"> 296</a> </td> <td class="source"> (the <dfn>first letter</dfn>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/35124106644d/css-pseudo-4/Overview.bs#l285" title="35124106644d: [css-pseudo-4] Add Symbols to possible First Letters. #5099">fantasai@28038</a> </td> <td class="lineno"> <a href="#l297" id="l297"> 297</a> </td> <td class="source"> as well as its associated punctuation. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/35124106644d/css-pseudo-4/Overview.bs#l286" title="35124106644d: [css-pseudo-4] Add Symbols to possible First Letters. #5099">fantasai@28038</a> </td> <td class="lineno"> <a href="#l298" id="l298"> 298</a> </td> <td class="source"> Collectively, this text is the <dfn>first-letter text</dfn>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l202" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l299" id="l299"> 299</a> </td> <td class="source"> The ''::first-letter'' pseudo-element can be used </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l203" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l300" id="l300"> 300</a> </td> <td class="source"> to create “initial caps” and “drop caps”, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l214" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l301" id="l301"> 301</a> </td> <td class="source"> which are common typographic effects. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l215" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l302" id="l302"> 302</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l216" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l303" id="l303"> 303</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l217" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l304" id="l304"> 304</a> </td> <td class="source"> For example, the following rule creates a 2-line drop-letter </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l218" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l305" id="l305"> 305</a> </td> <td class="source"> on every paragraph following a level-2 header, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cf8615b58544/css-pseudo/Overview.bs#l229" title="cf8615b58544: [css-pseudo] Fix bikeshed errors.">jackalmage@19654</a> </td> <td class="lineno"> <a href="#l306" id="l306"> 306</a> </td> <td class="source"> using the 'initial-letter' property defined in [[CSS-INLINE-3]]: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l220" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l307" id="l307"> 307</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l310" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l308" id="l308"> 308</a> </td> <td class="source"> <pre class="lang-css">h2 + p::first-letter { initial-letter: 3; }</pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l223" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l309" id="l309"> 309</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l224" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l310" id="l310"> 310</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l313" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l311" id="l311"> 311</a> </td> <td class="source"> Note: The [=first letter=] may in fact be a digit, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l314" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l312" id="l312"> 312</a> </td> <td class="source"> e.g., the “6” in “67 million dollars is a lot of money.” </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l315" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l313" id="l313"> 313</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l316" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l314" id="l314"> 314</a> </td> <td class="source"> To allow independent styling of the [=first letter=] itself </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l317" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l315" id="l315"> 315</a> </td> <td class="source"> and its adjacent punctuation, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l318" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l316" id="l316"> 316</a> </td> <td class="source"> associated preceding punctuation </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l319" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l317" id="l317"> 317</a> </td> <td class="source"> is represented by the <dfn for="::first-letter">::prefix</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l320" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l318" id="l318"> 318</a> </td> <td class="source"> [=sub-pseudo-element=] of the ''::first-letter'' [=pseudo-element=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l321" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l319" id="l319"> 319</a> </td> <td class="source"> (''::first-letter::prefix''); </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l322" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l320" id="l320"> 320</a> </td> <td class="source"> and associated following punctuation </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l323" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l321" id="l321"> 321</a> </td> <td class="source"> is represented by the <dfn for="::first-letter">::postfix</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l324" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l322" id="l322"> 322</a> </td> <td class="source"> [=sub-pseudo-element=] of the ''::first-letter'' [=pseudo-element=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l325" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l323" id="l323"> 323</a> </td> <td class="source"> (''::first-letter::postfix''). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l326" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l324" id="l324"> 324</a> </td> <td class="source"> See [[#first-letter-pattern]], below. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l327" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l325" id="l325"> 325</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l328" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l326" id="l326"> 326</a> </td> <td class="source"><h4 id="first-letter-pattern"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l329" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l327" id="l327"> 327</a> </td> <td class="source">First Letters and Associated Punctuation</h4> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6c575f43801e/css-pseudo-4/Overview.bs#l330" title="6c575f43801e: [css-pseudo-4] Create subsection for ::first-letter pattern.">fantasai@28063</a> </td> <td class="lineno"> <a href="#l328" id="l328"> 328</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3b5c0c4e4b4a/css-pseudo-4/Overview.bs#l299" title="3b5c0c4e4b4a: [css-pseudo-4] Improve cross-linking to CSS Text 3.">fantasai@28047</a> </td> <td class="lineno"> <a href="#l329" id="l329"> 329</a> </td> <td class="source"> As explained in [[CSS-TEXT-3#characters]], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/35124106644d/css-pseudo-4/Overview.bs#l300" title="35124106644d: [css-pseudo-4] Add Symbols to possible First Letters. #5099">fantasai@28038</a> </td> <td class="lineno"> <a href="#l330" id="l330"> 330</a> </td> <td class="source"> a <a>typographic character unit</a> can include more than one Unicode codepoint. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l218" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l331" id="l331"> 331</a> </td> <td class="source"> For example, combining characters must be kept with their base character. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l236" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l332" id="l332"> 332</a> </td> <td class="source"> Also, languages may have additional rules </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l237" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l333" id="l333"> 333</a> </td> <td class="source"> about how to treat certain letter combinations. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l224" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l334" id="l334"> 334</a> </td> <td class="source"> In Dutch, for example, if the letter combination "ij" appears at the beginning of an element, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l225" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l335" id="l335"> 335</a> </td> <td class="source"> both letters should be considered within the ''::first-letter'' pseudo-element. [[UAX29]] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/35124106644d/css-pseudo-4/Overview.bs#l306" title="35124106644d: [css-pseudo-4] Add Symbols to possible First Letters. #5099">fantasai@28038</a> </td> <td class="lineno"> <a href="#l336" id="l336"> 336</a> </td> <td class="source"> When selecting the [=first letter=], </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/35124106644d/css-pseudo-4/Overview.bs#l307" title="35124106644d: [css-pseudo-4] Add Symbols to possible First Letters. #5099">fantasai@28038</a> </td> <td class="lineno"> <a href="#l337" id="l337"> 337</a> </td> <td class="source"> the UA should tailor its definition of <a>typographic character unit</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3b5c0c4e4b4a/css-pseudo-4/Overview.bs#l308" title="3b5c0c4e4b4a: [css-pseudo-4] Improve cross-linking to CSS Text 3.">fantasai@28047</a> </td> <td class="lineno"> <a href="#l338" id="l338"> 338</a> </td> <td class="source"> to reflect the first-letter traditions of </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3b5c0c4e4b4a/css-pseudo-4/Overview.bs#l309" title="3b5c0c4e4b4a: [css-pseudo-4] Improve cross-linking to CSS Text 3.">fantasai@28047</a> </td> <td class="lineno"> <a href="#l339" id="l339"> 339</a> </td> <td class="source"> the ''::first-letter'' pseudo-element’s <em>[=containing block=]</em>’s [=content language=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l226" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l340" id="l340"> 340</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l310" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l341" id="l341"> 341</a> </td> <td class="source"> Preceding and following punctuation </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/612542b56807/css-pseudo-4/Overview.bs#l314" title="612542b56807: [css-pseudo-4] Move paragraphs around.">fantasai@26448</a> </td> <td class="lineno"> <a href="#l342" id="l342"> 342</a> </td> <td class="source"> must also be included as part of the [=first-letter text=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l312" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l343" id="l343"> 343</a> </td> <td class="source"> in the ''::first-letter'' pseudo-element </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l313" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l344" id="l344"> 344</a> </td> <td class="source"> as follows: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l314" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l345" id="l345"> 345</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l315" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l346" id="l346"> 346</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l316" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l347" id="l347"> 347</a> </td> <td class="source"> All punctuation-- </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l317" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l348" id="l348"> 348</a> </td> <td class="source"> i.e, characters that belong to the Punctuation (<code>P*</code>) <a>Unicode general category</a> [[!UAX44]]-- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/35124106644d/css-pseudo-4/Overview.bs#l321" title="35124106644d: [css-pseudo-4] Add Symbols to possible First Letters. #5099">fantasai@28038</a> </td> <td class="lineno"> <a href="#l349" id="l349"> 349</a> </td> <td class="source"> that precedes the [=first letter=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l319" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l350" id="l350"> 350</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ca5e473a10b2/css-pseudo-4/Overview.bs#l323" title="ca5e473a10b2: [css-pseudo-4] Wording tweak">fantasai@28043</a> </td> <td class="lineno"> <a href="#l351" id="l351"> 351</a> </td> <td class="source"> Any punctuation other than opening punctuation and dashes-- </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l321" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l352" id="l352"> 352</a> </td> <td class="source"> i.e. characters that belong to the Punctuation (<code>P*</code>) <a>Unicode general category</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l322" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l353" id="l353"> 353</a> </td> <td class="source"> excluding Open Punctuation (<code>Ps</code>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l323" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l354" id="l354"> 354</a> </td> <td class="source"> and Dash Punctuation (<code>Pd</code>)-- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/35124106644d/css-pseudo-4/Overview.bs#l327" title="35124106644d: [css-pseudo-4] Add Symbols to possible First Letters. #5099">fantasai@28038</a> </td> <td class="lineno"> <a href="#l355" id="l355"> 355</a> </td> <td class="source"> that follows the [=first letter=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l325" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l356" id="l356"> 356</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l326" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l357" id="l357"> 357</a> </td> <td class="source"> Any intervening typographic space-- </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l327" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l358" id="l358"> 358</a> </td> <td class="source"> i.e. characters that belong to the <code>Zs</code> Unicode general category [[!UAX44]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l328" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l359" id="l359"> 359</a> </td> <td class="source"> <em>other than</em> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l329" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l360" id="l360"> 360</a> </td> <td class="source"> U+3000 IDEOGRAPHIC SPACE or </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l330" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l361" id="l361"> 361</a> </td> <td class="source"> any <a spec=css-text-3>word-separator characters</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l331" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l362" id="l362"> 362</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l332" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l363" id="l363"> 363</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l333" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l364" id="l364"> 364</a> </td> <td class="source"> <div class="note"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/43933d72c035/css-pseudo-4/Overview.bs#l334" title="43933d72c035: [css-pseudo-4] Spaces are Zs not S ... #5830">fantasai@28037</a> </td> <td class="lineno"> <a href="#l365" id="l365"> 365</a> </td> <td class="source"> Informally represented, the [=first-letter text=]’s pattern here </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/43933d72c035/css-pseudo-4/Overview.bs#l335" title="43933d72c035: [css-pseudo-4] Spaces are Zs not S ... #5830">fantasai@28037</a> </td> <td class="lineno"> <a href="#l366" id="l366"> 366</a> </td> <td class="source"> can be roughly </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/43933d72c035/css-pseudo-4/Overview.bs#l336" title="43933d72c035: [css-pseudo-4] Spaces are Zs not S ... #5830">fantasai@28037</a> </td> <td class="lineno"> <a href="#l367" id="l367"> 367</a> </td> <td class="source"> (ignoring the exclusion of word separators from <code>Zs</code>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/43933d72c035/css-pseudo-4/Overview.bs#l337" title="43933d72c035: [css-pseudo-4] Spaces are Zs not S ... #5830">fantasai@28037</a> </td> <td class="lineno"> <a href="#l368" id="l368"> 368</a> </td> <td class="source"> represented as </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l335" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l369" id="l369"> 369</a> </td> <td class="source"> <code highlight="bnf" style="font-family: inherit"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/1b1c421e1e0b/css-pseudo-4/Overview.bs#l370" title="1b1c421e1e0b: [css-pseudo-4] Bikeshed fixes">git@29457</a> </td> <td class="lineno"> <a href="#l370" id="l370"> 370</a> </td> <td class="source"> (P (Zs|P)*)? (L\|N\|S) ((Zs|P−(Ps|Pd))* (P−(Ps|Pd))?</code> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l337" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l371" id="l371"> 371</a> </td> <td class="source"> or, alternatively, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l338" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l372" id="l372"> 372</a> </td> <td class="source"> <code highlight="bnf" style="font-family: inherit"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/332bb1978411/css-pseudo-4/Overview.bs#l345" title="332bb1978411: [css-pseudo-4] First letter, not first word. #5830">fantasai@28044</a> </td> <td class="lineno"> <a href="#l373" id="l373"> 373</a> </td> <td class="source"> (&#91;P] [Zs P]*)? [L N S] ([Zs [P--[Ps Pd]]]* [P--[Ps Pd]])?</code> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l340" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l374" id="l374"> 374</a> </td> <td class="source">  </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2e76b7c27a65/css-pseudo-4/Overview.bs#l347" title="2e76b7c27a65: [css-pseudo-4] Latest Bikeshed is choking on punctuation in code blocks.">fantasai@28041</a> </td> <td class="lineno"> <a href="#l375" id="l375"> 375</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/1b1c421e1e0b/css-pseudo-4/Overview.bs#l376" title="1b1c421e1e0b: [css-pseudo-4] Bikeshed fixes">git@29457</a> </td> <td class="lineno"> <a href="#l376" id="l376"> 376</a> </td> <td class="source">  </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l349" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l377" id="l377"> 377</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l350" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l378" id="l378"> 378</a> </td> <td class="source"> <pre class=railroad> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l351" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l379" id="l379"> 379</a> </td> <td class="source"> Optional: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l352" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l380" id="l380"> 380</a> </td> <td class="source"> Sequence: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l353" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l381" id="l381"> 381</a> </td> <td class="source"> N: P </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l354" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l382" id="l382"> 382</a> </td> <td class="source"> ZeroOrMore: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l355" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l383" id="l383"> 383</a> </td> <td class="source"> Choice: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l356" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l384" id="l384"> 384</a> </td> <td class="source"> N: P </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l357" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l385" id="l385"> 385</a> </td> <td class="source"> N: Zs </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l358" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l386" id="l386"> 386</a> </td> <td class="source"> Choice: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l359" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l387" id="l387"> 387</a> </td> <td class="source"> N: L </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l360" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l388" id="l388"> 388</a> </td> <td class="source"> N: N </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l361" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l389" id="l389"> 389</a> </td> <td class="source"> N: S </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l362" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l390" id="l390"> 390</a> </td> <td class="source"> Optional: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l363" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l391" id="l391"> 391</a> </td> <td class="source"> Sequence: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l364" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l392" id="l392"> 392</a> </td> <td class="source"> N: P − (Ps ∪ Pd) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l365" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l393" id="l393"> 393</a> </td> <td class="source"> ZeroOrMore: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l366" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l394" id="l394"> 394</a> </td> <td class="source"> Choice: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l367" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l395" id="l395"> 395</a> </td> <td class="source"> N: P − (Ps ∪ Pd) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l368" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l396" id="l396"> 396</a> </td> <td class="source"> N: Zs </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8979387331b0/css-pseudo-4/Overview.bs#l369" title="8979387331b0: [css-pseudo-4] Add RR diagram #5830">fantasai@28042</a> </td> <td class="lineno"> <a href="#l397" id="l397"> 397</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/651e326a5403/css-pseudo-4/Overview.bs#l341" title="651e326a5403: [css-pseudo-4] Exclude Pd and Ps from following first-letter. #5830">fantasai@28035</a> </td> <td class="lineno"> <a href="#l398" id="l398"> 398</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/612542b56807/css-pseudo-4/Overview.bs#l316" title="612542b56807: [css-pseudo-4] Move paragraphs around.">fantasai@26448</a> </td> <td class="lineno"> <a href="#l399" id="l399"> 399</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3b5c0c4e4b4a/css-pseudo-4/Overview.bs#l389" title="3b5c0c4e4b4a: [css-pseudo-4] Improve cross-linking to CSS Text 3.">fantasai@28047</a> </td> <td class="lineno"> <a href="#l400" id="l400"> 400</a> </td> <td class="source"> See [[css-text-3#characters]] and [[css-text-3#character-properties]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3b5c0c4e4b4a/css-pseudo-4/Overview.bs#l390" title="3b5c0c4e4b4a: [css-pseudo-4] Improve cross-linking to CSS Text 3.">fantasai@28047</a> </td> <td class="lineno"> <a href="#l401" id="l401"> 401</a> </td> <td class="source"> for more information on [=typographic character units=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3b5c0c4e4b4a/css-pseudo-4/Overview.bs#l391" title="3b5c0c4e4b4a: [css-pseudo-4] Improve cross-linking to CSS Text 3.">fantasai@28047</a> </td> <td class="lineno"> <a href="#l402" id="l402"> 402</a> </td> <td class="source"> and their Unicode properties. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3b5c0c4e4b4a/css-pseudo-4/Overview.bs#l392" title="3b5c0c4e4b4a: [css-pseudo-4] Improve cross-linking to CSS Text 3.">fantasai@28047</a> </td> <td class="lineno"> <a href="#l403" id="l403"> 403</a> </td> <td class="source"> [[!CSS-TEXT-3]] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3b5c0c4e4b4a/css-pseudo-4/Overview.bs#l393" title="3b5c0c4e4b4a: [css-pseudo-4] Improve cross-linking to CSS Text 3.">fantasai@28047</a> </td> <td class="lineno"> <a href="#l404" id="l404"> 404</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l320" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l405" id="l405"> 405</a> </td> <td class="source"><h4 id="first-letter-application"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l334" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l406" id="l406"> 406</a> </td> <td class="source">Finding the First-Letter Text</h4> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l236" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l407" id="l407"> 407</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l323" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l408" id="l408"> 408</a> </td> <td class="source"> As with ''::first-line'', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l324" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l409" id="l409"> 409</a> </td> <td class="source"> the ''::first-letter'' pseudo-element </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l325" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l410" id="l410"> 410</a> </td> <td class="source"> can only have an effect when attached to a [=block container=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l326" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l411" id="l411"> 411</a> </td> <td class="source"> Its [=first-letter text=] is the first such [=inline-level content=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l327" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l412" id="l412"> 412</a> </td> <td class="source"> participating in the [=inline formatting context=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l328" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l413" id="l413"> 413</a> </td> <td class="source"> of its [=originating element=]’s [=first formatted line=], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l329" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l414" id="l414"> 414</a> </td> <td class="source"> if it is not preceded by any other in-flow content </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l330" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l415" id="l415"> 415</a> </td> <td class="source"> (such as images or inline tables) on its line. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l243" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l416" id="l416"> 416</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l332" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l417" id="l417"> 417</a> </td> <td class="source"> For this purpose, any [=marker boxes=] are ignored, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l333" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l418" id="l418"> 418</a> </td> <td class="source"> as if they were out-of-flow. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l334" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l419" id="l419"> 419</a> </td> <td class="source"> However, if an element has in-flow ''::before'' or ''::after'' content, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l335" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l420" id="l420"> 420</a> </td> <td class="source"> the [=first-letter text=] is selected from the content of the element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l336" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l421" id="l421"> 421</a> </td> <td class="source"> <em>including</em> that generated content. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l319" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l422" id="l422"> 422</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l320" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l423" id="l423"> 423</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l321" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l424" id="l424"> 424</a> </td> <td class="source"> Example: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l340" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l425" id="l425"> 425</a> </td> <td class="source"> After the rule <code class="lang-css">p::before {content: "Note: "}</code>, the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l323" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l426" id="l426"> 426</a> </td> <td class="source"> selector ''p::first-letter'' matches the "N" of "Note". </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l324" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l427" id="l427"> 427</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l325" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l428" id="l428"> 428</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/639cea4b08e5/css-pseudo-4/Overview.bs#l431" title="639cea4b08e5: [css-pseudo-4] Move sentence about wrapping first-letter text per https://github.com/w3c/csswg-drafts/issues/2254#issuecomment-1003273685">fantasai@28064</a> </td> <td class="lineno"> <a href="#l429" id="l429"> 429</a> </td> <td class="source"> If no qualifying text exists, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l345" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l430" id="l430"> 430</a> </td> <td class="source"> then there is no [=first-letter text=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l346" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l431" id="l431"> 431</a> </td> <td class="source"> and no ''::first-letter'' pseudo-element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l347" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l432" id="l432"> 432</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l348" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l433" id="l433"> 433</a> </td> <td class="source"> Note: When the [=first formatted line=] is empty, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l349" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l434" id="l434"> 434</a> </td> <td class="source"> ''::first-letter'' will not match anything. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l350" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l435" id="l435"> 435</a> </td> <td class="source"> For example, in this HTML fragment: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l351" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l436" id="l436"> 436</a> </td> <td class="source"> <code class="lang-markup">&lt;p&gt;&lt;br&gt;First...</code> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l352" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l437" id="l437"> 437</a> </td> <td class="source"> the first line doesn't contain any letters, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l353" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l438" id="l438"> 438</a> </td> <td class="source"> so ''::first-letter'' doesn't match anything. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l354" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l439" id="l439"> 439</a> </td> <td class="source"> In particular, it does not match the “F” of “First”, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l355" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l440" id="l440"> 440</a> </td> <td class="source"> which is on the second line. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l356" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l441" id="l441"> 441</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l357" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l442" id="l442"> 442</a> </td> <td class="source"> Note: As with ''::first-line'', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l358" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l443" id="l443"> 443</a> </td> <td class="source"> the [=first-letter text=] of a [=block container=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l359" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l444" id="l444"> 444</a> </td> <td class="source"> that does not participate in a [=block formatting context=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l360" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l445" id="l445"> 445</a> </td> <td class="source"> cannot be the [=first-letter text=] of an ancestor element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l361" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l446" id="l446"> 446</a> </td> <td class="source"> Thus, in <code class="lang-markup">&lt;DIV&gt;&lt;P STYLE="display: inline-block"&gt;Hello&lt;BR&gt;Goodbye&lt;/P&gt; etcetera&lt;/DIV&gt;</code> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b47c7d422a67/css-pseudo-4/Overview.bs#l446" title="b47c7d422a67: [css-pseudo-4] Fixes to notes from review by mrego/frivoal. #2120">fantasai@28062</a> </td> <td class="lineno"> <a href="#l447" id="l447"> 447</a> </td> <td class="source"> the [=first letter=] of the <code>DIV</code> is not the letter “H”. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b47c7d422a67/css-pseudo-4/Overview.bs#l447" title="b47c7d422a67: [css-pseudo-4] Fixes to notes from review by mrego/frivoal. #2120">fantasai@28062</a> </td> <td class="lineno"> <a href="#l448" id="l448"> 448</a> </td> <td class="source"> In fact, the <code>DIV</code> doesn't have a [=first letter=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l365" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l449" id="l449"> 449</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/639cea4b08e5/css-pseudo-4/Overview.bs#l452" title="639cea4b08e5: [css-pseudo-4] Move sentence about wrapping first-letter text per https://github.com/w3c/csswg-drafts/issues/2254#issuecomment-1003273685">fantasai@28064</a> </td> <td class="lineno"> <a href="#l450" id="l450"> 450</a> </td> <td class="source"> Any portion of the [=first-letter text=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/639cea4b08e5/css-pseudo-4/Overview.bs#l453" title="639cea4b08e5: [css-pseudo-4] Move sentence about wrapping first-letter text per https://github.com/w3c/csswg-drafts/issues/2254#issuecomment-1003273685">fantasai@28064</a> </td> <td class="lineno"> <a href="#l451" id="l451"> 451</a> </td> <td class="source"> that is wrapped to the next line </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/639cea4b08e5/css-pseudo-4/Overview.bs#l454" title="639cea4b08e5: [css-pseudo-4] Move sentence about wrapping first-letter text per https://github.com/w3c/csswg-drafts/issues/2254#issuecomment-1003273685">fantasai@28064</a> </td> <td class="lineno"> <a href="#l452" id="l452"> 452</a> </td> <td class="source"> no longer forms part of the ''::first-letter'' [=pseudo-element=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/639cea4b08e5/css-pseudo-4/Overview.bs#l455" title="639cea4b08e5: [css-pseudo-4] Move sentence about wrapping first-letter text per https://github.com/w3c/csswg-drafts/issues/2254#issuecomment-1003273685">fantasai@28064</a> </td> <td class="lineno"> <a href="#l453" id="l453"> 453</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l366" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l454" id="l454"> 454</a> </td> <td class="source"><h4 id="first-letter-tree"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l380" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l455" id="l455"> 455</a> </td> <td class="source">Inheritance and Box Tree Structure of the First-Letter Pseudo-elements</h4> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l368" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l456" id="l456"> 456</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l369" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l457" id="l457"> 457</a> </td> <td class="source"> The ''::first-letter'' pseudo-element is wrapped </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l370" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l458" id="l458"> 458</a> </td> <td class="source"> immediately around the [=first-letter text=] it represents, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l371" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l459" id="l459"> 459</a> </td> <td class="source"> even if that text is in a descendant. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l372" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l460" id="l460"> 460</a> </td> <td class="source"> When a [=first-letter text=] is represented by multiple ''::first-letter'' pseudo-elements, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l373" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l461" id="l461"> 461</a> </td> <td class="source"> they are nested in the same order as their [=originating elements=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l374" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l462" id="l462"> 462</a> </td> <td class="source"> [=Inheritance=] behaves accordingly. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l375" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l463" id="l463"> 463</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l376" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l464" id="l464"> 464</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l377" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l465" id="l465"> 465</a> </td> <td class="source"> Consider the following markup: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l378" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l466" id="l466"> 466</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l379" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l467" id="l467"> 467</a> </td> <td class="source"> <pre class="lang-markup"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l380" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l468" id="l468"> 468</a> </td> <td class="source"> &lt;div&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9c9966eb9549/css-pseudo-4/Overview.bs#l382" title="9c9966eb9549: [css-pseudo-4] Remove terrible outdated examples. #4392">fantasai@26451</a> </td> <td class="lineno"> <a href="#l469" id="l469"> 469</a> </td> <td class="source"> &lt;p&gt;&lt;span&gt;The first few words&lt;/span> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9c9966eb9549/css-pseudo-4/Overview.bs#l383" title="9c9966eb9549: [css-pseudo-4] Remove terrible outdated examples. #4392">fantasai@26451</a> </td> <td class="lineno"> <a href="#l470" id="l470"> 470</a> </td> <td class="source"> and the rest of the paragraph. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l382" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l471" id="l471"> 471</a> </td> <td class="source"> &lt;/div&gt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l383" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l472" id="l472"> 472</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l384" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l473" id="l473"> 473</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l385" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l474" id="l474"> 474</a> </td> <td class="source"> If we assume a [=fictional tag sequence=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l386" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l475" id="l475"> 475</a> </td> <td class="source"> to represent the elements’ ''::first-letter'' pseudo-elements, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l387" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l476" id="l476"> 476</a> </td> <td class="source"> it would be something like: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l388" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l477" id="l477"> 477</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l403" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l478" id="l478"> 478</a> </td> <td class="source"> <pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l404" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l479" id="l479"> 479</a> </td> <td class="source"> &lt;div&gt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l405" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l480" id="l480"> 480</a> </td> <td class="source"> &lt;p&gt;&lt;span&gt;<strong>&lt;div::first-letter&gt;&lt;p::first-letter&gt;</strong>T<strong>&lt;/&hellip;&gt;&lt;/&hellip;&gt;</strong>he first few words&lt;/span> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l406" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l481" id="l481"> 481</a> </td> <td class="source"> and the rest of the paragraph. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l407" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l482" id="l482"> 482</a> </td> <td class="source"> &lt;/div&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l408" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l483" id="l483"> 483</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l409" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l484" id="l484"> 484</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l410" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l485" id="l485"> 485</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f54ca6b39232/css-pseudo-4/Overview.bs#l482" title="f54ca6b39232: [css-pseudo-4] Wording tweaks from frivoal.">fantasai@28061</a> </td> <td class="lineno"> <a href="#l486" id="l486"> 486</a> </td> <td class="source"> If any ''::first-letter::prefix'' or ''::first-letter::postfix'' [=pseudo-elements=] exist, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l412" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l487" id="l487"> 487</a> </td> <td class="source"> they are nested within the innermost ''::first-letter'', </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l413" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l488" id="l488"> 488</a> </td> <td class="source"> and otherwise interpreted similar to ''::first-letter'' itself. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l414" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l489" id="l489"> 489</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l415" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l490" id="l490"> 490</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l416" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l491" id="l491"> 491</a> </td> <td class="source"> Consider the following markup: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l417" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l492" id="l492"> 492</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l390" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l493" id="l493"> 493</a> </td> <td class="source"> <pre class="lang-markup"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l390" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l494" id="l494"> 494</a> </td> <td class="source"> &lt;div&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l420" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l495" id="l495"> 495</a> </td> <td class="source"> &lt;p&gt;&lt;span&gt;“The first few words&lt;/span> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l421" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l496" id="l496"> 496</a> </td> <td class="source"> and the rest of the quotation. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l422" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l497" id="l497"> 497</a> </td> <td class="source"> &lt;/div&gt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l423" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l498" id="l498"> 498</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l424" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l499" id="l499"> 499</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l425" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l500" id="l500"> 500</a> </td> <td class="source"> If we assume a [=fictional tag sequence=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l426" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l501" id="l501"> 501</a> </td> <td class="source"> to represent the elements’ ''::first-letter'' pseudo-elements, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l427" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l502" id="l502"> 502</a> </td> <td class="source"> it would be something like: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l428" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l503" id="l503"> 503</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l429" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l504" id="l504"> 504</a> </td> <td class="source"> <pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l430" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l505" id="l505"> 505</a> </td> <td class="source"> &lt;div&gt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l431" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l506" id="l506"> 506</a> </td> <td class="source"> &lt;p&gt;&lt;span&gt;&lt;div::first-letter&gt;&lt;p::first-letter&gt;<strong>&lt;div::first-letter::prefix&gt;&lt;p::first-letter::prefix&gt;</strong>“<strong>&lt;/&hellip;&gt;&lt;/&hellip;&gt;</strong>T&lt;/&hellip;&gt;&lt;/&hellip;&gt;he first few words&lt;/span> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9c9966eb9549/css-pseudo-4/Overview.bs#l394" title="9c9966eb9549: [css-pseudo-4] Remove terrible outdated examples. #4392">fantasai@26451</a> </td> <td class="lineno"> <a href="#l507" id="l507"> 507</a> </td> <td class="source"> and the rest of the paragraph. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l392" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l508" id="l508"> 508</a> </td> <td class="source"> &lt;/div&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l393" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l509" id="l509"> 509</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l394" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l510" id="l510"> 510</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l395" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l511" id="l511"> 511</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l396" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l512" id="l512"> 512</a> </td> <td class="source"> If the characters that would form the [=first-letter text=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l397" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l513" id="l513"> 513</a> </td> <td class="source"> are not all in the same element </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l400" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l514" id="l514"> 514</a> </td> <td class="source"> (as the <code>‘T</code> in <code class="lang-css">&lt;p&gt;‘&lt;em&gt;T...</code>), </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l440" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l515" id="l515"> 515</a> </td> <td class="source"> the user agent may create the ''::first-letter'' pseudo-element </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l441" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l516" id="l516"> 516</a> </td> <td class="source"> (and its ''::prefix'' or ''::postfix'' sub-elements, if any) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l400" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l517" id="l517"> 517</a> </td> <td class="source"> from one of the elements, or all elements, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l443" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l518" id="l518"> 518</a> </td> <td class="source"> or simply not create the pseudo-element(s). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l402" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l519" id="l519"> 519</a> </td> <td class="source"> Additionally, if the [=first-letter text=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l403" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l520" id="l520"> 520</a> </td> <td class="source"> is not at the start of the line </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l404" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l521" id="l521"> 521</a> </td> <td class="source"> (for example due to bidirectional reordering, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l405" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l522" id="l522"> 522</a> </td> <td class="source"> or due to a [=list item=] [=marker=] with ''list-style-position: inside''), </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l406" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l523" id="l523"> 523</a> </td> <td class="source"> then the user agent is not required to create the pseudo-element(s). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l407" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l524" id="l524"> 524</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l408" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l525" id="l525"> 525</a> </td> <td class="source"> A ''::first-letter'' pseudo-element is contained within </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l409" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l526" id="l526"> 526</a> </td> <td class="source"> any ''::first-line'' pseudo-elements, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l410" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l527" id="l527"> 527</a> </td> <td class="source"> and thus inherits (potentially indirectly) from ''::first-line'', </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l411" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l528" id="l528"> 528</a> </td> <td class="source"> the same as any [=inline box=] on the same line. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d9d0d0240aaf/css-pseudo-4/Overview.bs#l412" title="d9d0d0240aaf: [css-pseudo-4] Rewrite ::first-letter section.">fantasai@26447</a> </td> <td class="lineno"> <a href="#l529" id="l529"> 529</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l314" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l530" id="l530"> 530</a> </td> <td class="source"><h4 id="first-letter-styling"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l456" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l531" id="l531"> 531</a> </td> <td class="source">Styling the First-Letter Pseudo-elements</h4> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l316" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l532" id="l532"> 532</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l458" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l533" id="l533"> 533</a> </td> <td class="source"> In CSS a ''::first-letter'' [=pseudo-element=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l459" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l534" id="l534"> 534</a> </td> <td class="source"> (and its ''::prefix'' and ''::postfix'' sub-elements) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l460" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l535" id="l535"> 535</a> </td> <td class="source"> is similar to an [=inline box=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f54ca6b39232/css-pseudo-4/Overview.bs#l535" title="f54ca6b39232: [css-pseudo-4] Wording tweaks from frivoal.">fantasai@28061</a> </td> <td class="lineno"> <a href="#l536" id="l536"> 536</a> </td> <td class="source"> The following properties apply to </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l462" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l537" id="l537"> 537</a> </td> <td class="source"> ''::first-letter'', ''::first-letter::prefix'', and ''::first-letter::postfix'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l463" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l538" id="l538"> 538</a> </td> <td class="source"> pseudo-elements: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l321" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l539" id="l539"> 539</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l330" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l540" id="l540"> 540</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c761a08d1876/css-pseudo-4/Overview.bs#l541" title="c761a08d1876: [css-pseudo-4] Update informative list of "see also" specs, see #8635">chris@29791</a> </td> <td class="lineno"> <a href="#l541" id="l541"> 541</a> </td> <td class="source"> <li>all font properties (see [[CSS-FONTS-4]]) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c761a08d1876/css-pseudo-4/Overview.bs#l542" title="c761a08d1876: [css-pseudo-4] Update informative list of "see also" specs, see #8635">chris@29791</a> </td> <td class="lineno"> <a href="#l542" id="l542"> 542</a> </td> <td class="source"> <li>the 'color' and 'opacity' properties (see [[CSS-COLOR-4]]) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c761a08d1876/css-pseudo-4/Overview.bs#l543" title="c761a08d1876: [css-pseudo-4] Update informative list of "see also" specs, see #8635">chris@29791</a> </td> <td class="lineno"> <a href="#l543" id="l543"> 543</a> </td> <td class="source"> <li>all background properties (see [[CSS-BACKGROUNDS-4]]) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c761a08d1876/css-pseudo-4/Overview.bs#l544" title="c761a08d1876: [css-pseudo-4] Update informative list of "see also" specs, see #8635">chris@29791</a> </td> <td class="lineno"> <a href="#l544" id="l544"> 544</a> </td> <td class="source"> <li>any typesetting properties that apply to inline elements (see [[CSS-TEXT-4]]) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c761a08d1876/css-pseudo-4/Overview.bs#l545" title="c761a08d1876: [css-pseudo-4] Update informative list of "see also" specs, see #8635">chris@29791</a> </td> <td class="lineno"> <a href="#l545" id="l545"> 545</a> </td> <td class="source"> <li>all text decoration properties (see [[CSS-TEXT-DECOR-4]]) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cf8615b58544/css-pseudo/Overview.bs#l334" title="cf8615b58544: [css-pseudo] Fix bikeshed errors.">jackalmage@19654</a> </td> <td class="lineno"> <a href="#l546" id="l546"> 546</a> </td> <td class="source"> <li>any inline layout properties that apply to inline elements (see [[CSS-INLINE-3]]) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c761a08d1876/css-pseudo-4/Overview.bs#l547" title="c761a08d1876: [css-pseudo-4] Update informative list of "see also" specs, see #8635">chris@29791</a> </td> <td class="lineno"> <a href="#l547" id="l547"> 547</a> </td> <td class="source"> <li>margin and padding properties (see [[CSS22]]) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c761a08d1876/css-pseudo-4/Overview.bs#l548" title="c761a08d1876: [css-pseudo-4] Update informative list of "see also" specs, see #8635">chris@29791</a> </td> <td class="lineno"> <a href="#l548" id="l548"> 548</a> </td> <td class="source"> <li>border properties and 'box-shadow' (see [[CSS-BACKGROUNDS-4]]) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l339" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l549" id="l549"> 549</a> </td> <td class="source"> <li>any other properties defined to apply to ''::first-letter'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l340" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l550" id="l550"> 550</a> </td> <td class="source"> by their respective specifications </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l341" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l551" id="l551"> 551</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l334" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l552" id="l552"> 552</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l342" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l553" id="l553"> 553</a> </td> <td class="source"> User agents may apply other properties as well. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68a0434b6ae5/css-pseudo-4/Overview.bs#l434" title="68a0434b6ae5: [css-pseudo-4] Actually, let's add that to the correct section?">fantasai@26450</a> </td> <td class="lineno"> <a href="#l554" id="l554"> 554</a> </td> <td class="source"> However, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68a0434b6ae5/css-pseudo-4/Overview.bs#l435" title="68a0434b6ae5: [css-pseudo-4] Actually, let's add that to the correct section?">fantasai@26450</a> </td> <td class="lineno"> <a href="#l555" id="l555"> 555</a> </td> <td class="source"> in no case may the application of such unlisted properties to ''::first-letter'' change </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68a0434b6ae5/css-pseudo-4/Overview.bs#l436" title="68a0434b6ae5: [css-pseudo-4] Actually, let's add that to the correct section?">fantasai@26450</a> </td> <td class="lineno"> <a href="#l556" id="l556"> 556</a> </td> <td class="source"> what [=first-letter text=] is represented by that ''::first-letter''. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l343" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l557" id="l557"> 557</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-pseudo/Overview.bs#l342" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l558" id="l558"> 558</a> </td> <td class="source"> Note: In previous levels of CSS, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-pseudo-4/Overview.bs#l440" title="dfe5f345ac42: Revert "Revert "Merge branch 'main' of https://github.com/w3c/csswg-drafts into main""">dbaron@27061</a> </td> <td class="lineno"> <a href="#l559" id="l559"> 559</a> </td> <td class="source"> user agents were allowed to choose a line height, width, and height </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9c9966eb9549/css-pseudo-4/Overview.bs#l442" title="9c9966eb9549: [css-pseudo-4] Remove terrible outdated examples. #4392">fantasai@26451</a> </td> <td class="lineno"> <a href="#l560" id="l560"> 560</a> </td> <td class="source"> based on the shape of the letter, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9c9966eb9549/css-pseudo-4/Overview.bs#l443" title="9c9966eb9549: [css-pseudo-4] Remove terrible outdated examples. #4392">fantasai@26451</a> </td> <td class="lineno"> <a href="#l561" id="l561"> 561</a> </td> <td class="source"> to approximate font sizes; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9c9966eb9549/css-pseudo-4/Overview.bs#l444" title="9c9966eb9549: [css-pseudo-4] Remove terrible outdated examples. #4392">fantasai@26451</a> </td> <td class="lineno"> <a href="#l562" id="l562"> 562</a> </td> <td class="source"> and to take the glyph outline into account when performing layout. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9c9966eb9549/css-pseudo-4/Overview.bs#l445" title="9c9966eb9549: [css-pseudo-4] Remove terrible outdated examples. #4392">fantasai@26451</a> </td> <td class="lineno"> <a href="#l563" id="l563"> 563</a> </td> <td class="source"> The possibility of such loosely-defined magic has been intentionally removed, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9c9966eb9549/css-pseudo-4/Overview.bs#l446" title="9c9966eb9549: [css-pseudo-4] Remove terrible outdated examples. #4392">fantasai@26451</a> </td> <td class="lineno"> <a href="#l564" id="l564"> 564</a> </td> <td class="source"> as it proved to be a poor solution for the intended use case (drop caps and raised caps), </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-pseudo/Overview.bs#l348" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l565" id="l565"> 565</a> </td> <td class="source"> yet caused interoperability problems. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9c9966eb9549/css-pseudo-4/Overview.bs#l448" title="9c9966eb9549: [css-pseudo-4] Remove terrible outdated examples. #4392">fantasai@26451</a> </td> <td class="lineno"> <a href="#l566" id="l566"> 566</a> </td> <td class="source"> See 'initial-letter' in [[CSS-INLINE-3]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9c9966eb9549/css-pseudo-4/Overview.bs#l449" title="9c9966eb9549: [css-pseudo-4] Remove terrible outdated examples. #4392">fantasai@26451</a> </td> <td class="lineno"> <a href="#l567" id="l567"> 567</a> </td> <td class="source"> for explicitly handling drop caps and raised caps. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l422" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l568" id="l568"> 568</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l420" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l569" id="l569"> 569</a> </td> <td class="source"><h2 id="highlight-pseudos"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5e65100296fd/css-pseudo/Overview.bs#l421" title="5e65100296fd: [css-pseudo] Tweak some headings.">fantasai@15024</a> </td> <td class="lineno"> <a href="#l570" id="l570"> 570</a> </td> <td class="source">Highlight Pseudo-elements</h2> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5e65100296fd/css-pseudo/Overview.bs#l422" title="5e65100296fd: [css-pseudo] Tweak some headings.">fantasai@15024</a> </td> <td class="lineno"> <a href="#l571" id="l571"> 571</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5e65100296fd/css-pseudo/Overview.bs#l423" title="5e65100296fd: [css-pseudo] Tweak some headings.">fantasai@15024</a> </td> <td class="lineno"> <a href="#l572" id="l572"> 572</a> </td> <td class="source"><h3 id="highlight-selectors"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba24204a98e7/css-pseudo-4/Overview.bs#l441" title="ba24204a98e7: [css-lists-3] Remove ::inactive-selection; investigate mediaquery instead. #4579">fantasai@26438</a> </td> <td class="lineno"> <a href="#l573" id="l573"> 573</a> </td> <td class="source">Selecting Highlighted Content: the ''::selection'', ''::target-text'', ''::spelling-error'', and ''::grammar-error'' pseudo-elements</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l422" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l574" id="l574"> 574</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/627668c3814d/css-pseudo-4/Overview.bs#l426" title="627668c3814d: [css-pseudo-4] Clarify that highlight pseudos can cross element boundaries. Export terms.">fantasai@20334</a> </td> <td class="lineno"> <a href="#l575" id="l575"> 575</a> </td> <td class="source"> The <dfn export lt="highlight pseudo-element">highlight pseudo-elements</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/825add82237c/css-pseudo-4/Overview.bs#l427" title="825add82237c: [css-pseudo-4] Define selection more generically, shift some text around. #3425">fantasai@22816</a> </td> <td class="lineno"> <a href="#l576" id="l576"> 576</a> </td> <td class="source"> represent portions of a document that have been given a particular status </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/825add82237c/css-pseudo-4/Overview.bs#l428" title="825add82237c: [css-pseudo-4] Define selection more generically, shift some text around. #3425">fantasai@22816</a> </td> <td class="lineno"> <a href="#l577" id="l577"> 577</a> </td> <td class="source"> and are typically styled differently to indicate that status to the user. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/825add82237c/css-pseudo-4/Overview.bs#l429" title="825add82237c: [css-pseudo-4] Define selection more generically, shift some text around. #3425">fantasai@22816</a> </td> <td class="lineno"> <a href="#l578" id="l578"> 578</a> </td> <td class="source"> For example, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/825add82237c/css-pseudo-4/Overview.bs#l430" title="825add82237c: [css-pseudo-4] Define selection more generically, shift some text around. #3425">fantasai@22816</a> </td> <td class="lineno"> <a href="#l579" id="l579"> 579</a> </td> <td class="source"> selected portions of the document are typically highlighted </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/825add82237c/css-pseudo-4/Overview.bs#l431" title="825add82237c: [css-pseudo-4] Define selection more generically, shift some text around. #3425">fantasai@22816</a> </td> <td class="lineno"> <a href="#l580" id="l580"> 580</a> </td> <td class="source"> (given alternate background and foreground colors, or a color wash) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/825add82237c/css-pseudo-4/Overview.bs#l432" title="825add82237c: [css-pseudo-4] Define selection more generically, shift some text around. #3425">fantasai@22816</a> </td> <td class="lineno"> <a href="#l581" id="l581"> 581</a> </td> <td class="source"> to indicate their selected status. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/825add82237c/css-pseudo-4/Overview.bs#l433" title="825add82237c: [css-pseudo-4] Define selection more generically, shift some text around. #3425">fantasai@22816</a> </td> <td class="lineno"> <a href="#l582" id="l582"> 582</a> </td> <td class="source"> The following <a>highlight pseudo-elements</a> are defined: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l426" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l583" id="l583"> 583</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l425" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l584" id="l584"> 584</a> </td> <td class="source"> <dl export> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l426" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l585" id="l585"> 585</a> </td> <td class="source"> <dt><dfn>::selection</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l427" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l586" id="l586"> 586</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba24204a98e7/css-pseudo-4/Overview.bs#l459" title="ba24204a98e7: [css-lists-3] Remove ::inactive-selection; investigate mediaquery instead. #4579">fantasai@26438</a> </td> <td class="lineno"> <a href="#l587" id="l587"> 587</a> </td> <td class="source"> The ''::selection'' pseudo-element represents </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/825add82237c/css-pseudo-4/Overview.bs#l440" title="825add82237c: [css-pseudo-4] Define selection more generically, shift some text around. #3425">fantasai@22816</a> </td> <td class="lineno"> <a href="#l588" id="l588"> 588</a> </td> <td class="source"> the portion of a document that has been selected </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/825add82237c/css-pseudo-4/Overview.bs#l441" title="825add82237c: [css-pseudo-4] Define selection more generically, shift some text around. #3425">fantasai@22816</a> </td> <td class="lineno"> <a href="#l589" id="l589"> 589</a> </td> <td class="source"> as the target or object of some possible future user-agent operation(s). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba24204a98e7/css-pseudo-4/Overview.bs#l462" title="ba24204a98e7: [css-lists-3] Remove ::inactive-selection; investigate mediaquery instead. #4579">fantasai@26438</a> </td> <td class="lineno"> <a href="#l590" id="l590"> 590</a> </td> <td class="source"> It applies, for example, to selected text within an editable text field, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/825add82237c/css-pseudo-4/Overview.bs#l443" title="825add82237c: [css-pseudo-4] Define selection more generically, shift some text around. #3425">fantasai@22816</a> </td> <td class="lineno"> <a href="#l591" id="l591"> 591</a> </td> <td class="source"> which would be copied by a copy operation or replaced by a paste operation. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-pseudo/Overview.bs#l435" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l592" id="l592"> 592</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l595" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l593" id="l593"> 593</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l596" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l594" id="l594"> 594</a> </td> <td class="source"> css/css-pseudo/active-selection-001-manual.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l597" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l595" id="l595"> 595</a> </td> <td class="source"> css/css-pseudo/active-selection-002-manual.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l598" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l596" id="l596"> 596</a> </td> <td class="source"> css/css-pseudo/active-selection-004-manual.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l599" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l597" id="l597"> 597</a> </td> <td class="source"> css/css-pseudo/active-selection-011.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l600" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l598" id="l598"> 598</a> </td> <td class="source"> css/css-pseudo/active-selection-012.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l601" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l599" id="l599"> 599</a> </td> <td class="source"> css/css-pseudo/active-selection-014.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l602" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l600" id="l600"> 600</a> </td> <td class="source"> css/css-pseudo/active-selection-016.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l603" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l601" id="l601"> 601</a> </td> <td class="source"> css/css-pseudo/active-selection-018.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l604" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l602" id="l602"> 602</a> </td> <td class="source"> css/css-pseudo/active-selection-025.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l605" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l603" id="l603"> 603</a> </td> <td class="source"> css/css-pseudo/active-selection-027.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l606" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l604" id="l604"> 604</a> </td> <td class="source"> css/css-pseudo/active-selection-056.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l607" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l605" id="l605"> 605</a> </td> <td class="source"> css/css-pseudo/active-selection-057.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l608" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l606" id="l606"> 606</a> </td> <td class="source"> css/css-pseudo/active-selection-063.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l609" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l607" id="l607"> 607</a> </td> <td class="source"> css/css-pseudo/selection-contenteditable-011.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l610" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l608" id="l608"> 608</a> </td> <td class="source"> css/css-pseudo/selection-input-011.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l611" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l609" id="l609"> 609</a> </td> <td class="source"> css/css-pseudo/selection-textarea-011.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l612" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l610" id="l610"> 610</a> </td> <td class="source"> css/css-pseudo/textpath-selection-011.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l613" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l611" id="l611"> 611</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l614" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l612" id="l612"> 612</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e268bc1606e/css-pseudo-4/Overview.bs#l470" title="7e268bc1606e: [css-pseudo-4] Add ::target-text pseudo-element per WG resolution.">fantasai@25987</a> </td> <td class="lineno"> <a href="#l613" id="l613"> 613</a> </td> <td class="source"> <dt><dfn>::target-text</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e268bc1606e/css-pseudo-4/Overview.bs#l471" title="7e268bc1606e: [css-pseudo-4] Add ::target-text pseudo-element per WG resolution.">fantasai@25987</a> </td> <td class="lineno"> <a href="#l614" id="l614"> 614</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e268bc1606e/css-pseudo-4/Overview.bs#l472" title="7e268bc1606e: [css-pseudo-4] Add ::target-text pseudo-element per WG resolution.">fantasai@25987</a> </td> <td class="lineno"> <a href="#l615" id="l615"> 615</a> </td> <td class="source"> The ''::target-text'' pseudo-element represents text </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d311b4c7e390/css-pseudo-4/Overview.bs#l496" title="d311b4c7e390: fix: typos across specs (#5992)">nschonni@26746</a> </td> <td class="lineno"> <a href="#l616" id="l616"> 616</a> </td> <td class="source"> directly targeted by the document URL’s [=url/fragment=], if any. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e268bc1606e/css-pseudo-4/Overview.bs#l474" title="7e268bc1606e: [css-pseudo-4] Add ::target-text pseudo-element per WG resolution.">fantasai@25987</a> </td> <td class="lineno"> <a href="#l617" id="l617"> 617</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/612a2987c2b7/css-pseudo-4/Overview.bs#l472" title="612a2987c2b7: [css-pseudo-4] Publication fixes.">fantasai@26442</a> </td> <td class="lineno"> <a href="#l618" id="l618"> 618</a> </td> <td class="source"> Note: When a [=url/fragment|URL fragment=] targets an element, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e268bc1606e/css-pseudo-4/Overview.bs#l476" title="7e268bc1606e: [css-pseudo-4] Add ::target-text pseudo-element per WG resolution.">fantasai@25987</a> </td> <td class="lineno"> <a href="#l619" id="l619"> 619</a> </td> <td class="source"> the '':target'' pseudo-element can be used to select it, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e268bc1606e/css-pseudo-4/Overview.bs#l477" title="7e268bc1606e: [css-pseudo-4] Add ::target-text pseudo-element per WG resolution.">fantasai@25987</a> </td> <td class="lineno"> <a href="#l620" id="l620"> 620</a> </td> <td class="source"> but ''::target-text'' does not match anything. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d311b4c7e390/css-pseudo-4/Overview.bs#l501" title="d311b4c7e390: fix: typos across specs (#5992)">nschonni@26746</a> </td> <td class="lineno"> <a href="#l621" id="l621"> 621</a> </td> <td class="source"> It only matches text that is itself targeted by the [[=url/fragment=]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e268bc1606e/css-pseudo-4/Overview.bs#l479" title="7e268bc1606e: [css-pseudo-4] Add ::target-text pseudo-element per WG resolution.">fantasai@25987</a> </td> <td class="lineno"> <a href="#l622" id="l622"> 622</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l434" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l623" id="l623"> 623</a> </td> <td class="source"> <dt><dfn>::spelling-error</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l435" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l624" id="l624"> 624</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/43efb7b12c54/css-pseudo/Overview.bs#l445" title="43efb7b12c54: [css-pseudo] Add ::inactive-selection pseudo per WG resolution">fantasai@17811</a> </td> <td class="lineno"> <a href="#l625" id="l625"> 625</a> </td> <td class="source"> The ''::spelling-error'' pseudo-element represents </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l437" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l626" id="l626"> 626</a> </td> <td class="source"> a portion of text that has been flagged by the user agent as misspelled. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l629" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l627" id="l627"> 627</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l460" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l628" id="l628"> 628</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l461" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l629" id="l629"> 629</a> </td> <td class="source"> css/css-pseudo/spelling-error-001.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l462" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l630" id="l630"> 630</a> </td> <td class="source"> css/css-pseudo/spelling-error-002-manual.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l463" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l631" id="l631"> 631</a> </td> <td class="source"> css/css-pseudo/spelling-error-003-manual.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l464" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l632" id="l632"> 632</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-pseudo/Overview.bs#l442" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l633" id="l633"> 633</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l439" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l634" id="l634"> 634</a> </td> <td class="source"> <dt><dfn>::grammar-error</dfn> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l440" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l635" id="l635"> 635</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/43efb7b12c54/css-pseudo/Overview.bs#l450" title="43efb7b12c54: [css-pseudo] Add ::inactive-selection pseudo per WG resolution">fantasai@17811</a> </td> <td class="lineno"> <a href="#l636" id="l636"> 636</a> </td> <td class="source"> The ''::grammar-error'' pseudo-element represents </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l442" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l637" id="l637"> 637</a> </td> <td class="source"> a portion of text that has been flagged by the user agent as grammatically incorrect. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l640" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l638" id="l638"> 638</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l470" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l639" id="l639"> 639</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l471" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l640" id="l640"> 640</a> </td> <td class="source"> css/css-pseudo/grammar-error-001.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l519" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l641" id="l641"> 641</a> </td> <td class="source"> css/css-pseudo/grammar-error-002-manual.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l520" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l642" id="l642"> 642</a> </td> <td class="source"> css/css-pseudo/grammar-error-003-manual.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l472" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l643" id="l643"> 643</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l443" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l644" id="l644"> 644</a> </td> <td class="source"> </dl> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l430" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l645" id="l645"> 645</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/825add82237c/css-pseudo-4/Overview.bs#l460" title="825add82237c: [css-pseudo-4] Define selection more generically, shift some text around. #3425">fantasai@22816</a> </td> <td class="lineno"> <a href="#l646" id="l646"> 646</a> </td> <td class="source"> The <a>highlight pseudo-elements</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/825add82237c/css-pseudo-4/Overview.bs#l461" title="825add82237c: [css-pseudo-4] Define selection more generically, shift some text around. #3425">fantasai@22816</a> </td> <td class="lineno"> <a href="#l647" id="l647"> 647</a> </td> <td class="source"> do not necessarily fit into the element tree, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/825add82237c/css-pseudo-4/Overview.bs#l462" title="825add82237c: [css-pseudo-4] Define selection more generically, shift some text around. #3425">fantasai@22816</a> </td> <td class="lineno"> <a href="#l648" id="l648"> 648</a> </td> <td class="source"> and can arbitrarily cross element boundaries without honoring its nesting structure. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c30ec3fdc60c/css-pseudo-4/Overview.bs#l453" title="c30ec3fdc60c: [css-pseudo-4] Add UA stylesheet for spelling and grammar errors">git@19989</a> </td> <td class="lineno"> <a href="#l649" id="l649"> 649</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l445" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l650" id="l650"> 650</a> </td> <td class="source"> Note: A future level of CSS may introduce ways to create </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l446" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l651" id="l651"> 651</a> </td> <td class="source"> custom highlight pseudo-elements. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l474" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l652" id="l652"> 652</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l475" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l653" id="l653"> 653</a> </td> <td class="source"><h3 id="highlight-styling"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5e65100296fd/css-pseudo/Overview.bs#l453" title="5e65100296fd: [css-pseudo] Tweak some headings.">fantasai@15024</a> </td> <td class="lineno"> <a href="#l654" id="l654"> 654</a> </td> <td class="source">Styling Highlights</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l477" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l655" id="l655"> 655</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0c6fe380006f/css-pseudo-4/Overview.bs#l476" title="0c6fe380006f: [css-pseudo-4] Explain something about what kind of properties are allowed, for future reference.">fantasai@22817</a> </td> <td class="lineno"> <a href="#l656" id="l656"> 656</a> </td> <td class="source"> The <a>highlight pseudo-elements</a> can only be styled </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/66ea53c1632c/css-pseudo-4/Overview.bs#l510" title="66ea53c1632c: [css-pseudo-4] Pull highlight pseudo property logic from source comment into prose. #4401">fantasai@26432</a> </td> <td class="lineno"> <a href="#l657" id="l657"> 657</a> </td> <td class="source"> by a limited set of properties that do not affect layout </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/66ea53c1632c/css-pseudo-4/Overview.bs#l511" title="66ea53c1632c: [css-pseudo-4] Pull highlight pseudo property logic from source comment into prose. #4401">fantasai@26432</a> </td> <td class="lineno"> <a href="#l658" id="l658"> 658</a> </td> <td class="source"> and can be applied performantly in a highly dynamic environment-- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/66ea53c1632c/css-pseudo-4/Overview.bs#l512" title="66ea53c1632c: [css-pseudo-4] Pull highlight pseudo property logic from source comment into prose. #4401">fantasai@26432</a> </td> <td class="lineno"> <a href="#l659" id="l659"> 659</a> </td> <td class="source"> and additionally (to ensure interoperability) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/66ea53c1632c/css-pseudo-4/Overview.bs#l513" title="66ea53c1632c: [css-pseudo-4] Pull highlight pseudo property logic from source comment into prose. #4401">fantasai@26432</a> </td> <td class="lineno"> <a href="#l660" id="l660"> 660</a> </td> <td class="source"> whose rendering within the [[#highlight-bounds|required area]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/66ea53c1632c/css-pseudo-4/Overview.bs#l514" title="66ea53c1632c: [css-pseudo-4] Pull highlight pseudo property logic from source comment into prose. #4401">fantasai@26432</a> </td> <td class="lineno"> <a href="#l661" id="l661"> 661</a> </td> <td class="source"> is not dependent on the exact (UA-determined) bounds </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/66ea53c1632c/css-pseudo-4/Overview.bs#l515" title="66ea53c1632c: [css-pseudo-4] Pull highlight pseudo property logic from source comment into prose. #4401">fantasai@26432</a> </td> <td class="lineno"> <a href="#l662" id="l662"> 662</a> </td> <td class="source"> of the [=highlight overlay=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l451" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l663" id="l663"> 663</a> </td> <td class="source"> The following properties apply to the <a>highlight pseudo-elements</a>: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-pseudo/Overview.bs#l456" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l664" id="l664"> 664</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l480" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l665" id="l665"> 665</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l481" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l666" id="l666"> 666</a> </td> <td class="source"> <li>'color' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l545" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l667" id="l667"> 667</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l546" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l668" id="l668"> 668</a> </td> <td class="source"> css/css-pseudo/active-selection-001-manual.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l547" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l669" id="l669"> 669</a> </td> <td class="source"> css/css-pseudo/active-selection-011.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l548" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l670" id="l670"> 670</a> </td> <td class="source"> css/css-pseudo/active-selection-016.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l549" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l671" id="l671"> 671</a> </td> <td class="source"> css/css-pseudo/active-selection-018.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l550" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l672" id="l672"> 672</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l675" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l673" id="l673"> 673</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l482" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l674" id="l674"> 674</a> </td> <td class="source"> <li>'background-color' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l552" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l675" id="l675"> 675</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l553" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l676" id="l676"> 676</a> </td> <td class="source"> css/css-pseudo/active-selection-002-manual.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l554" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l677" id="l677"> 677</a> </td> <td class="source"> css/css-pseudo/active-selection-012.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l555" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l678" id="l678"> 678</a> </td> <td class="source"> css/css-pseudo/active-selection-031.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l556" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l679" id="l679"> 679</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l682" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l680" id="l680"> 680</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5045f6e33b51/css-pseudo-4/Overview.bs#l678" title="5045f6e33b51: [css-pseudo-4] clarify applicability of underline-related properties on highlights #7101">dazabani@28922</a> </td> <td class="lineno"> <a href="#l681" id="l681"> 681</a> </td> <td class="source"> <li>'text-decoration' and its associated properties (including 'text-underline-position' and 'text-underline-offset') </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l506" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l682" id="l682"> 682</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l559" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l683" id="l683"> 683</a> </td> <td class="source"> css/css-pseudo/active-selection-004-manual.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l560" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l684" id="l684"> 684</a> </td> <td class="source"> css/css-pseudo/active-selection-014.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l561" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l685" id="l685"> 685</a> </td> <td class="source"> css/css-pseudo/active-selection-021.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l507" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l686" id="l686"> 686</a> </td> <td class="source"> css/css-pseudo/grammar-error-001.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l563" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l687" id="l687"> 687</a> </td> <td class="source"> css/css-pseudo/grammar-error-002-manual.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l564" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l688" id="l688"> 688</a> </td> <td class="source"> css/css-pseudo/grammar-error-003-manual.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l508" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l689" id="l689"> 689</a> </td> <td class="source"> css/css-pseudo/spelling-error-001.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l509" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l690" id="l690"> 690</a> </td> <td class="source"> css/css-pseudo/spelling-error-002-manual.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l510" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l691" id="l691"> 691</a> </td> <td class="source"> css/css-pseudo/spelling-error-003-manual.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l511" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l692" id="l692"> 692</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l695" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l693" id="l693"> 693</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/186303e3bbc2/css-pseudo/Overview.bs#l485" title="186303e3bbc2: [css-pseudo] Make all allowable properties required.">fantasai@14804</a> </td> <td class="lineno"> <a href="#l694" id="l694"> 694</a> </td> <td class="source"> <li>'text-shadow' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f742aea79dc3/css-pseudo-4/Overview.bs#l490" title="f742aea79dc3: [css-pseudo-4] Add stroke-color/fill-color/stroke-width. #2362">fantasai@22945</a> </td> <td class="lineno"> <a href="#l695" id="l695"> 695</a> </td> <td class="source"> <li>'stroke-color', 'fill-color', and 'stroke-width' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l518" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l696" id="l696"> 696</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l519" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l697" id="l697"> 697</a> </td> <td class="source"> css/css-pseudo/textpath-selection-011.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fe373a01ef9f/css-pseudo-4/Overview.bs#l520" title="fe373a01ef9f: Edited links to 8 tests">github@24985</a> </td> <td class="lineno"> <a href="#l698" id="l698"> 698</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/39506268e452/css-pseudo-4/Overview.bs#l699" title="39506268e452: Address review comments">schenney@30545</a> </td> <td class="lineno"> <a href="#l699" id="l699"> 699</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/395650e1f6d2/css-pseudo-4/Overview.bs#l700" title="395650e1f6d2: Apply suggested edit">schenney@30546</a> </td> <td class="lineno"> <a href="#l700" id="l700"> 700</a> </td> <td class="source"> <li>[=custom properties=] [[!CSS-VARIABLES-1]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l486" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l701" id="l701"> 701</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l487" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l702" id="l702"> 702</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d32a3de24e0b/css-pseudo-4/Overview.bs#l701" title="d32a3de24e0b: [css-pseudo-4] Define forced colors mode on highlight pseudo-elements. #7264">fantasai@29349</a> </td> <td class="lineno"> <a href="#l703" id="l703"> 703</a> </td> <td class="source"> The 'forced-color-adjust' property cannot be set on [=highlight pseudo-elements=]; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d32a3de24e0b/css-pseudo-4/Overview.bs#l702" title="d32a3de24e0b: [css-pseudo-4] Define forced colors mode on highlight pseudo-elements. #7264">fantasai@29349</a> </td> <td class="lineno"> <a href="#l704" id="l704"> 704</a> </td> <td class="source"> however a [=highlight pseudo-element=] must honor </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d32a3de24e0b/css-pseudo-4/Overview.bs#l703" title="d32a3de24e0b: [css-pseudo-4] Define forced colors mode on highlight pseudo-elements. #7264">fantasai@29349</a> </td> <td class="lineno"> <a href="#l705" id="l705"> 705</a> </td> <td class="source"> any [=forced colors mode=] applied to its [=originating element=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d32a3de24e0b/css-pseudo-4/Overview.bs#l704" title="d32a3de24e0b: [css-pseudo-4] Define forced colors mode on highlight pseudo-elements. #7264">fantasai@29349</a> </td> <td class="lineno"> <a href="#l706" id="l706"> 706</a> </td> <td class="source"> (and is therefore subject to the control of the [=originating element=]’s 'forced-color-adjust' value). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d32a3de24e0b/css-pseudo-4/Overview.bs#l705" title="d32a3de24e0b: [css-pseudo-4] Define forced colors mode on highlight pseudo-elements. #7264">fantasai@29349</a> </td> <td class="lineno"> <a href="#l707" id="l707"> 707</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/625172d3e0db/css-pseudo/Overview.bs#l487" title="625172d3e0db: [css-pseudo] Add text-emphasis-color and text-shadow to ::selection properties. Remove issue about wash requirement, since nobody objected. Clarify that text decoration should be repainted with selection color (current behavior is so weird); this probably needs an example. Wordsmithing.">fantasai@14767</a> </td> <td class="lineno"> <a href="#l708" id="l708"> 708</a> </td> <td class="source"> Issue: Are there any other properties that should be included here? </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l490" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l709" id="l709"> 709</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l699" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l710" id="l710"> 710</a> </td> <td class="source"> Note: The 'color' property sets the color of </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l700" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l711" id="l711"> 711</a> </td> <td class="source"> both the text </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f3a5bb332127/css-pseudo-4/Overview.bs#l500" title="f3a5bb332127: [css-pseudo-4] Typo fix">xfq@21996</a> </td> <td class="lineno"> <a href="#l712" id="l712"> 712</a> </td> <td class="source"> and all line decorations (underline, overline, line-through) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9cbc08f06a47/css-pseudo-4/Overview.bs#l514" title="9cbc08f06a47: [css-text-3] Remove text-emphasis-color from highlight pseudo styling list in preparation for rewrite of how styles are assigned; re-evaluate it later.">fantasai@22821</a> </td> <td class="lineno"> <a href="#l713" id="l713"> 713</a> </td> <td class="source"> and emphasis marks ('text-emphasis') </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l497" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l714" id="l714"> 714</a> </td> <td class="source"> applied to the text </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l498" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l715" id="l715"> 715</a> </td> <td class="source"> by the <a>originating element</a> and its ancestors and descendants. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l499" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l716" id="l716"> 716</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f1bde63dfa3c/css-pseudo-4/Overview.bs#l500" title="f1bde63dfa3c: [css-pseudo-4] Remove ::selection support for 'outline'. #3604">fantasai@22974</a> </td> <td class="lineno"> <a href="#l717" id="l717"> 717</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2650520ed6b0/css-pseudo-4/Overview.bs#l507" title="2650520ed6b0: [css-pseudo-4] Define what outline would mean if it was supported. Add an issue about whether it should be supported.">fantasai@22946</a> </td> <td class="lineno"> <a href="#l727" id="l727"> 727</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/186303e3bbc2/css-pseudo/Overview.bs#l491" title="186303e3bbc2: [css-pseudo] Make all allowable properties required.">fantasai@14804</a> </td> <td class="lineno"> <a href="#l728" id="l728"> 728</a> </td> <td class="source"> Note: Historically (and at the time of writing) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/186303e3bbc2/css-pseudo/Overview.bs#l492" title="186303e3bbc2: [css-pseudo] Make all allowable properties required.">fantasai@14804</a> </td> <td class="lineno"> <a href="#l729" id="l729"> 729</a> </td> <td class="source"> only 'color' and 'background-color' have been interoperably supported. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/625172d3e0db/css-pseudo/Overview.bs#l492" title="625172d3e0db: [css-pseudo] Add text-emphasis-color and text-shadow to ::selection properties. Remove issue about wash requirement, since nobody objected. Clarify that text decoration should be repainted with selection color (current behavior is so weird); this probably needs an example. Wordsmithing.">fantasai@14767</a> </td> <td class="lineno"> <a href="#l730" id="l730"> 730</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e268bc1606e/css-pseudo-4/Overview.bs#l560" title="7e268bc1606e: [css-pseudo-4] Add ::target-text pseudo-element per WG resolution.">fantasai@25987</a> </td> <td class="lineno"> <a href="#l731" id="l731"> 731</a> </td> <td class="source"><h3 id=highlight-ua-styles> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e268bc1606e/css-pseudo-4/Overview.bs#l561" title="7e268bc1606e: [css-pseudo-4] Add ::target-text pseudo-element per WG resolution.">fantasai@25987</a> </td> <td class="lineno"> <a href="#l732" id="l732"> 732</a> </td> <td class="source">Default UA Styles</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e268bc1606e/css-pseudo-4/Overview.bs#l562" title="7e268bc1606e: [css-pseudo-4] Add ::target-text pseudo-element per WG resolution.">fantasai@25987</a> </td> <td class="lineno"> <a href="#l733" id="l733"> 733</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/98ba737ab3cc/css-pseudo-4/Overview.bs#l563" title="98ba737ab3cc: [css-pseudo-4] Switch UA stylesheet for ::spelling-error/::grammar-error/::target-text to recommendations rather than requirements.">fantasai@25988</a> </td> <td class="lineno"> <a href="#l734" id="l734"> 734</a> </td> <td class="source"> The following additions are recommended for the default UA stylesheet: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e28911c4af1f/css-pseudo-4/Overview.bs#l564" title="e28911c4af1f: [css-pseudo-4] Fix markup">fantasai@25990</a> </td> <td class="lineno"> <a href="#l735" id="l735"> 735</a> </td> <td class="source"> <pre class="lang-css"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/db20402cd08b/css-pseudo-4/Overview.bs#l541" title="db20402cd08b: [css-pseudo-4] Move text to more appropriate section">fantasai@25815</a> </td> <td class="lineno"> <a href="#l736" id="l736"> 736</a> </td> <td class="source"> /* Represent default spelling/grammar error styling in an adjustable way */ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/db20402cd08b/css-pseudo-4/Overview.bs#l542" title="db20402cd08b: [css-pseudo-4] Move text to more appropriate section">fantasai@25815</a> </td> <td class="lineno"> <a href="#l737" id="l737"> 737</a> </td> <td class="source"> :root::spelling-error { text-decoration-line: spelling-error; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/db20402cd08b/css-pseudo-4/Overview.bs#l543" title="db20402cd08b: [css-pseudo-4] Move text to more appropriate section">fantasai@25815</a> </td> <td class="lineno"> <a href="#l738" id="l738"> 738</a> </td> <td class="source"> :root::grammar-error { text-decoration-line: grammar-error; } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e28911c4af1f/css-pseudo-4/Overview.bs#l570" title="e28911c4af1f: [css-pseudo-4] Fix markup">fantasai@25990</a> </td> <td class="lineno"> <a href="#l739" id="l739"> 739</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/db20402cd08b/css-pseudo-4/Overview.bs#l547" title="db20402cd08b: [css-pseudo-4] Move text to more appropriate section">fantasai@25815</a> </td> <td class="lineno"> <a href="#l740" id="l740"> 740</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l730" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l741" id="l741"> 741</a> </td> <td class="source"> Some [=highlight pseudo-elements=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l731" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l742" id="l742"> 742</a> </td> <td class="source"> should have <dfn>paired default highlight colors</dfn>-- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l732" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l743" id="l743"> 743</a> </td> <td class="source"> a default 'color' and 'background-color' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l733" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l744" id="l744"> 744</a> </td> <td class="source"> provided by the UA </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l734" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l745" id="l745"> 745</a> </td> <td class="source"> that are either used or overridden together, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l735" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l746" id="l746"> 746</a> </td> <td class="source"> see [[#paired-defaults]]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l736" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l747" id="l747"> 747</a> </td> <td class="source"> For ''::selection'' they should correspond to </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l737" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l748" id="l748"> 748</a> </td> <td class="source"> ''HighlightText'' and ''Highlight'', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l738" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l749" id="l749"> 749</a> </td> <td class="source"> while for ''::target-text'' they should correspond to </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l739" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l750" id="l750"> 750</a> </td> <td class="source"> ''MarkText'' and ''Mark''. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l740" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l751" id="l751"> 751</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e9356f2c3ae6/css-pseudo-4/Overview.bs#l572" title="e9356f2c3ae6: [css-pseudo-4] Explicitly state that UAs can do extra effects to highlighted content. #5522">fantasai@25989</a> </td> <td class="lineno"> <a href="#l752" id="l752"> 752</a> </td> <td class="source"> UAs may apply additional effects to enhance the presentation </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e9356f2c3ae6/css-pseudo-4/Overview.bs#l573" title="e9356f2c3ae6: [css-pseudo-4] Explicitly state that UAs can do extra effects to highlighted content. #5522">fantasai@25989</a> </td> <td class="lineno"> <a href="#l753" id="l753"> 753</a> </td> <td class="source"> of highlighted content, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e9356f2c3ae6/css-pseudo-4/Overview.bs#l574" title="e9356f2c3ae6: [css-pseudo-4] Explicitly state that UAs can do extra effects to highlighted content. #5522">fantasai@25989</a> </td> <td class="lineno"> <a href="#l754" id="l754"> 754</a> </td> <td class="source"> for example dimming content other than the highlighted text </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e9356f2c3ae6/css-pseudo-4/Overview.bs#l575" title="e9356f2c3ae6: [css-pseudo-4] Explicitly state that UAs can do extra effects to highlighted content. #5522">fantasai@25989</a> </td> <td class="lineno"> <a href="#l755" id="l755"> 755</a> </td> <td class="source"> or transitioning out a highlight style based on user interactions or timing. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e9356f2c3ae6/css-pseudo-4/Overview.bs#l576" title="e9356f2c3ae6: [css-pseudo-4] Explicitly state that UAs can do extra effects to highlighted content. #5522">fantasai@25989</a> </td> <td class="lineno"> <a href="#l756" id="l756"> 756</a> </td> <td class="source"> These are not controlled by CSS. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e9356f2c3ae6/css-pseudo-4/Overview.bs#l577" title="e9356f2c3ae6: [css-pseudo-4] Explicitly state that UAs can do extra effects to highlighted content. #5522">fantasai@25989</a> </td> <td class="lineno"> <a href="#l757" id="l757"> 757</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l747" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l758" id="l758"> 758</a> </td> <td class="source"> ISSUE: UA tweaks to the presentation of highlights </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l748" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l759" id="l759"> 759</a> </td> <td class="source"> in ways that <em>are</em> controlled by CSS </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l749" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l760" id="l760"> 760</a> </td> <td class="source"> are currently under discussion </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l750" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l761" id="l761"> 761</a> </td> <td class="source"> in <a href='https://github.com/w3c/csswg-drafts/issues/6853'>Issue 6853</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l751" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l762" id="l762"> 762</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l752" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l763" id="l763"> 763</a> </td> <td class="source"><h4 id="paired-defaults"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l753" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l764" id="l764"> 764</a> </td> <td class="source">Paired Defaults</h4> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l754" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l765" id="l765"> 765</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l755" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l766" id="l766"> 766</a> </td> <td class="source"> For compatibility reasons, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l756" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l767" id="l767"> 767</a> </td> <td class="source"> [=paired default highlight colors=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l757" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l768" id="l768"> 768</a> </td> <td class="source"> must only be [=used value|used=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l758" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l769" id="l769"> 769</a> </td> <td class="source"> when neither 'color' nor 'background-color' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l759" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l770" id="l770"> 770</a> </td> <td class="source"> yield a [=cascaded value=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l760" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l771" id="l771"> 771</a> </td> <td class="source"> from the [=author origin=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l761" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l772" id="l772"> 772</a> </td> <td class="source"> (or inherit their value from the author origin). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l762" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l773" id="l773"> 773</a> </td> <td class="source"> When a highlight color is ''revert'' or ''revert-layer'', </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l763" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l774" id="l774"> 774</a> </td> <td class="source"> the origin <em>after</em> rolling back the cascade </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l764" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l775" id="l775"> 775</a> </td> <td class="source"> determines the [=cascaded value=]’s [=cascade origin|origin=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l765" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l776" id="l776"> 776</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l766" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l777" id="l777"> 777</a> </td> <td class="source"> Note: Because this rule is for compatibility reasons, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l767" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l778" id="l778"> 778</a> </td> <td class="source"> it does not apply to other similar properties </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l768" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l779" id="l779"> 779</a> </td> <td class="source"> like 'fill-color' or 'stroke-color'. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l769" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l780" id="l780"> 780</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l770" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l781" id="l781"> 781</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l771" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l782" id="l782"> 782</a> </td> <td class="source"> For example, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l772" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l783" id="l783"> 783</a> </td> <td class="source"> given the following markup: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l773" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l784" id="l784"> 784</a> </td> <td class="source"> <pre class="lang-markup"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l774" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l785" id="l785"> 785</a> </td> <td class="source"> &lt;p>Highlight this &lt;em>and this&lt;/em>.&lt;/p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l775" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l786" id="l786"> 786</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l776" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l787" id="l787"> 787</a> </td> <td class="source"> Any of the following rules </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l777" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l788" id="l788"> 788</a> </td> <td class="source"> would suppress the default 'background-color' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l778" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l789" id="l789"> 789</a> </td> <td class="source"> for ''::selection'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l779" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l790" id="l790"> 790</a> </td> <td class="source"> in the <code>&lt;em></code> element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l780" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l791" id="l791"> 791</a> </td> <td class="source"> if given by the author: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l781" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l792" id="l792"> 792</a> </td> <td class="source"> <pre class="lang-css"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l782" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l793" id="l793"> 793</a> </td> <td class="source"> em::selection { color: initial; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l783" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l794" id="l794"> 794</a> </td> <td class="source"> em::selection { color: inherit; } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l784" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l795" id="l795"> 795</a> </td> <td class="source"> em::selection { color: unset; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l785" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l796" id="l796"> 796</a> </td> <td class="source"> em::selection { color: green; } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l786" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l797" id="l797"> 797</a> </td> <td class="source"> p::selection { color: green; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l787" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l798" id="l798"> 798</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l788" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l799" id="l799"> 799</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l789" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l800" id="l800"> 800</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/61c5ad411684/css-pseudo-4/Overview.bs#l796" title="61c5ad411684: [css-pseudo-4] Add @delan's tests #6316 #6603">fantasai@29323</a> </td> <td class="lineno"> <a href="#l801" id="l801"> 801</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/61c5ad411684/css-pseudo-4/Overview.bs#l797" title="61c5ad411684: [css-pseudo-4] Add @delan's tests #6316 #6603">fantasai@29323</a> </td> <td class="lineno"> <a href="#l802" id="l802"> 802</a> </td> <td class="source"> css/css-pseudo/highlight-paired-cascade-001.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/61c5ad411684/css-pseudo-4/Overview.bs#l798" title="61c5ad411684: [css-pseudo-4] Add @delan's tests #6316 #6603">fantasai@29323</a> </td> <td class="lineno"> <a href="#l803" id="l803"> 803</a> </td> <td class="source"> css/css-pseudo/highlight-paired-cascade-002.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/61c5ad411684/css-pseudo-4/Overview.bs#l799" title="61c5ad411684: [css-pseudo-4] Add @delan's tests #6316 #6603">fantasai@29323</a> </td> <td class="lineno"> <a href="#l804" id="l804"> 804</a> </td> <td class="source"> css/css-pseudo/highlight-paired-cascade-003.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/61c5ad411684/css-pseudo-4/Overview.bs#l800" title="61c5ad411684: [css-pseudo-4] Add @delan's tests #6316 #6603">fantasai@29323</a> </td> <td class="lineno"> <a href="#l805" id="l805"> 805</a> </td> <td class="source"> css/css-pseudo/highlight-paired-cascade-004.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/61c5ad411684/css-pseudo-4/Overview.bs#l801" title="61c5ad411684: [css-pseudo-4] Add @delan's tests #6316 #6603">fantasai@29323</a> </td> <td class="lineno"> <a href="#l806" id="l806"> 806</a> </td> <td class="source"> css/css-pseudo/highlight-paired-cascade-005.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/61c5ad411684/css-pseudo-4/Overview.bs#l802" title="61c5ad411684: [css-pseudo-4] Add @delan's tests #6316 #6603">fantasai@29323</a> </td> <td class="lineno"> <a href="#l807" id="l807"> 807</a> </td> <td class="source"> css/css-pseudo/highlight-paired-cascade-006.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/61c5ad411684/css-pseudo-4/Overview.bs#l803" title="61c5ad411684: [css-pseudo-4] Add @delan's tests #6316 #6603">fantasai@29323</a> </td> <td class="lineno"> <a href="#l808" id="l808"> 808</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/61c5ad411684/css-pseudo-4/Overview.bs#l804" title="61c5ad411684: [css-pseudo-4] Add @delan's tests #6316 #6603">fantasai@29323</a> </td> <td class="lineno"> <a href="#l809" id="l809"> 809</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l489" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l810" id="l810"> 810</a> </td> <td class="source"><h3 id=highlight-bounds> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5e65100296fd/css-pseudo/Overview.bs#l494" title="5e65100296fd: [css-pseudo] Tweak some headings.">fantasai@15024</a> </td> <td class="lineno"> <a href="#l811" id="l811"> 811</a> </td> <td class="source">Area of a Highlight</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l491" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l812" id="l812"> 812</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ce473ba886aa/css-pseudo/Overview.bs#l500" title="ce473ba886aa: [css-pseudo] Minor wording clarifications">fantasai@16814</a> </td> <td class="lineno"> <a href="#l813" id="l813"> 813</a> </td> <td class="source"> <p>For each type of highlighting (see [[#highlight-selectors]]) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ce473ba886aa/css-pseudo/Overview.bs#l501" title="ce473ba886aa: [css-pseudo] Minor wording clarifications">fantasai@16814</a> </td> <td class="lineno"> <a href="#l814" id="l814"> 814</a> </td> <td class="source"> there exists a single <dfn>highlight overlay</dfn> for the entire document, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9b3fe96b8df1/css-pseudo/Overview.bs#l502" title="9b3fe96b8df1: [css-pseudo] Editorial tweaks to highlight overlay description">fantasai@16777</a> </td> <td class="lineno"> <a href="#l815" id="l815"> 815</a> </td> <td class="source"> the active portions of which are represented </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l497" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l816" id="l816"> 816</a> </td> <td class="source"> by the corresponding <a>highlight pseudo-element</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ce473ba886aa/css-pseudo/Overview.bs#l504" title="ce473ba886aa: [css-pseudo] Minor wording clarifications">fantasai@16814</a> </td> <td class="lineno"> <a href="#l817" id="l817"> 817</a> </td> <td class="source"> Each box owns the piece of the overlay corresponding to any text or replaced content </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l504" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l818" id="l818"> 818</a> </td> <td class="source"> directly contained by the box. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l505" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l819" id="l819"> 819</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l506" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l820" id="l820"> 820</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l507" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l821" id="l821"> 821</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l508" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l822" id="l822"> 822</a> </td> <td class="source"> For text, the corresponding overlay must cover at least the entire em box </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l509" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l823" id="l823"> 823</a> </td> <td class="source"> and may extend further above/below the em box to the line box edges. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9b3fe96b8df1/css-pseudo/Overview.bs#l511" title="9b3fe96b8df1: [css-pseudo] Editorial tweaks to highlight overlay description">fantasai@16777</a> </td> <td class="lineno"> <a href="#l824" id="l824"> 824</a> </td> <td class="source"> Spacing between two characters may also be part of the overlay area, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l511" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l825" id="l825"> 825</a> </td> <td class="source"> in which case it belongs to the innermost element that contains both characters </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l512" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l826" id="l826"> 826</a> </td> <td class="source"> and is selected when both characters are selected. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l633" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l827" id="l827"> 827</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l634" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l828" id="l828"> 828</a> </td> <td class="source"> css/css-pseudo/selection-intercharacter-011.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l635" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l829" id="l829"> 829</a> </td> <td class="source"> css/css-pseudo/selection-intercharacter-012.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l636" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l830" id="l830"> 830</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l513" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l831" id="l831"> 831</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l514" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l832" id="l832"> 832</a> </td> <td class="source"> For replaced content, the associated overlay must cover at least the entire replaced object, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l515" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l833" id="l833"> 833</a> </td> <td class="source"> and may extend outward to include the element's entire content box. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l640" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l834" id="l834"> 834</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l641" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l835" id="l835"> 835</a> </td> <td class="source"> css/css-pseudo/active-selection-043.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l642" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l836" id="l836"> 836</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l516" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l837" id="l837"> 837</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b0602c4c66ef/css-pseudo-4/Overview.bs#l644" title="b0602c4c66ef: typo: Double words (#5951)">nschonni@26667</a> </td> <td class="lineno"> <a href="#l838" id="l838"> 838</a> </td> <td class="source"> The overlay may also include other areas within the border-box of an element; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l518" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l839" id="l839"> 839</a> </td> <td class="source"> in this case, those areas belong to the innermost such element that contains the area. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cea55cff76db/css-pseudo-4/Overview.bs#l568" title="cea55cff76db: [css-pseudo-4] Allow overlay on inline-level boxes to cover its portion of the line box. #5395">fantasai@25808</a> </td> <td class="lineno"> <a href="#l840" id="l840"> 840</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/cea55cff76db/css-pseudo-4/Overview.bs#l569" title="cea55cff76db: [css-pseudo-4] Allow overlay on inline-level boxes to cover its portion of the line box. #5395">fantasai@25808</a> </td> <td class="lineno"> <a href="#l841" id="l841"> 841</a> </td> <td class="source"> For an [=inline-level box=], the overlay may extend outside its border edges </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cea55cff76db/css-pseudo-4/Overview.bs#l570" title="cea55cff76db: [css-pseudo-4] Allow overlay on inline-level boxes to cover its portion of the line box. #5395">fantasai@25808</a> </td> <td class="lineno"> <a href="#l842" id="l842"> 842</a> </td> <td class="source"> in the [=block axis=] as far as the edges of its [=line box=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l519" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l843" id="l843"> 843</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l520" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l844" id="l844"> 844</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l521" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l845" id="l845"> 845</a> </td> <td class="source"> Issue: See </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l522" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l846" id="l846"> 846</a> </td> <td class="source"> <a href="http://lists.w3.org/Archives/Public/www-style/2008Nov/0022.html">F2F minutes</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l523" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l847" id="l847"> 847</a> </td> <td class="source"> <a href="http://lists.w3.org/Archives/Public/www-style/2008Oct/0268.html">dbaron's message</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l524" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l848" id="l848"> 848</a> </td> <td class="source"> <a href="http://lists.w3.org/Archives/Public/www-style/2010May/0247.html">Daniel's thread</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l525" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l849" id="l849"> 849</a> </td> <td class="source"> <a href="http://lists.w3.org/Archives/Public/www-style/2010May/0261.html">Gecko notes</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l526" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l850" id="l850"> 850</a> </td> <td class="source"> <a href="http://lists.w3.org/Archives/Public/www-style/2010May/0366.html">Opera notes</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l527" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l851" id="l851"> 851</a> </td> <td class="source"> <a href="http://lists.w3.org/Archives/Public/www-style/2010May/0280.html">Webkit notes</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l528" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l852" id="l852"> 852</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l529" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l853" id="l853"> 853</a> </td> <td class="source"> Issue: Not sure if this is the correct way of describing the way things work. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l530" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l854" id="l854"> 854</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l531" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l855" id="l855"> 855</a> </td> <td class="source"><h3 id=highlight-cascade> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l532" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l856" id="l856"> 856</a> </td> <td class="source">Cascading and Per-Element Highlight Styles</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l533" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l857" id="l857"> 857</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l541" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l858" id="l858"> 858</a> </td> <td class="source"> Each element draws its own active portions of the <a>highlight overlays</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l542" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l859" id="l859"> 859</a> </td> <td class="source"> which receives the styles specified by </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l543" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l860" id="l860"> 860</a> </td> <td class="source"> the corresponding <a>highlight pseudo-element</a> styles </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l544" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l861" id="l861"> 861</a> </td> <td class="source"> for which that element is the <a>originating element</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l537" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l862" id="l862"> 862</a> </td> <td class="source"> When multiple styles conflict, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l546" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l863" id="l863"> 863</a> </td> <td class="source"> the winning style is determined by the cascade. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l844" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l864" id="l864"> 864</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l547" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l865" id="l865"> 865</a> </td> <td class="source"> When any supported property is not given a value by the cascade, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l846" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l866" id="l866"> 866</a> </td> <td class="source"> or given a value of ''inherit'' or ''unset'', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l847" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l867" id="l867"> 867</a> </td> <td class="source"> its [=specified value=] is determined by inheritance from </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l549" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l868" id="l868"> 868</a> </td> <td class="source"> the corresponding <a>highlight pseudo-element</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dbb72f238ffd/css-pseudo-4/Overview.bs#l799" title="dbb72f238ffd: explicitly spec behaviour of registered customs with inherits = false">dazabani@28407</a> </td> <td class="lineno"> <a href="#l869" id="l869"> 869</a> </td> <td class="source"> of its <a>originating element</a>'s parent element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/26cf1c427ffc/css-pseudo-4/Overview.bs#l868" title="26cf1c427ffc: [css-pseudo-4] Reword to avoid broken link">fantasai@29353</a> </td> <td class="lineno"> <a href="#l870" id="l870"> 870</a> </td> <td class="source"> This occurs regardless of whether that property is an <a>inherited property</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/26cf1c427ffc/css-pseudo-4/Overview.bs#l869" title="26cf1c427ffc: [css-pseudo-4] Reword to avoid broken link">fantasai@29353</a> </td> <td class="lineno"> <a href="#l871" id="l871"> 871</a> </td> <td class="source"> (and regardless of whether that property is a [=custom property=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/26cf1c427ffc/css-pseudo-4/Overview.bs#l870" title="26cf1c427ffc: [css-pseudo-4] Reword to avoid broken link">fantasai@29353</a> </td> <td class="lineno"> <a href="#l872" id="l872"> 872</a> </td> <td class="source"> that is registered to [=CSS/inherit=] or not). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/39506268e452/css-pseudo-4/Overview.bs#l873" title="39506268e452: Address review comments">schenney@30545</a> </td> <td class="lineno"> <a href="#l873" id="l873"> 873</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/39506268e452/css-pseudo-4/Overview.bs#l874" title="39506268e452: Address review comments">schenney@30545</a> </td> <td class="lineno"> <a href="#l874" id="l874"> 874</a> </td> <td class="source"> Additionally, for [=highlight pseudo-elements=] originating from the [=root element=]: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/39506268e452/css-pseudo-4/Overview.bs#l875" title="39506268e452: Address review comments">schenney@30545</a> </td> <td class="lineno"> <a href="#l875" id="l875"> 875</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/39506268e452/css-pseudo-4/Overview.bs#l876" title="39506268e452: Address review comments">schenney@30545</a> </td> <td class="lineno"> <a href="#l876" id="l876"> 876</a> </td> <td class="source"> <li> the inherited value of 'color' is ''currentColor'', not the [=initial value=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/39506268e452/css-pseudo-4/Overview.bs#l877" title="39506268e452: Address review comments">schenney@30545</a> </td> <td class="lineno"> <a href="#l877" id="l877"> 877</a> </td> <td class="source"> <li> [=custom properties=] inherit from the [=root element=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/39506268e452/css-pseudo-4/Overview.bs#l878" title="39506268e452: Address review comments">schenney@30545</a> </td> <td class="lineno"> <a href="#l878" id="l878"> 878</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2844a22822c5/css-pseudo-4/Overview.bs#l858" title="2844a22822c5: [css-pseudo] clarify paired cascade (#6386 + #6779 + #6774 + #7837) (#6665)">dazabani@28913</a> </td> <td class="lineno"> <a href="#l879" id="l879"> 879</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l865" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l880" id="l880"> 880</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l866" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l881" id="l881"> 881</a> </td> <td class="source"> css/css-pseudo/active-selection-051.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l867" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l882" id="l882"> 882</a> </td> <td class="source"> css/css-pseudo/active-selection-052.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l868" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l883" id="l883"> 883</a> </td> <td class="source"> css/css-pseudo/active-selection-053.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l869" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l884" id="l884"> 884</a> </td> <td class="source"> css/css-pseudo/active-selection-054.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l870" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l885" id="l885"> 885</a> </td> <td class="source"> css/css-pseudo/cascade-highlight-004.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l871" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l886" id="l886"> 886</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d09df1f76f8e/css-pseudo-4/Overview.bs#l598" title="d09df1f76f8e: Bikeshed-added 5 tests and improved 1 inter-spec link">github@25097</a> </td> <td class="lineno"> <a href="#l887" id="l887"> 887</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l541" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l888" id="l888"> 888</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l542" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l889" id="l889"> 889</a> </td> <td class="source"> For example, if the following rules were applied: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l648" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l890" id="l890"> 890</a> </td> <td class="source"> <pre class="lang-css"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l545" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l891" id="l891"> 891</a> </td> <td class="source"> p::selection { color: yellow; background: green; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l546" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l892" id="l892"> 892</a> </td> <td class="source"> p > em::selection { color: orange; } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l547" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l893" id="l893"> 893</a> </td> <td class="source"> em::selection { color: red; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l546" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l894" id="l894"> 894</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l547" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l895" id="l895"> 895</a> </td> <td class="source"> to the following markup: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l654" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l896" id="l896"> 896</a> </td> <td class="source"> <pre class="lang-markup"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8f5a3ed9f978/css-pseudo/Overview.bs#l550" title="8f5a3ed9f978: [css-pseudo] Fix typo.">fantasai@18099</a> </td> <td class="lineno"> <a href="#l897" id="l897"> 897</a> </td> <td class="source"> &lt;p>Highlight this &lt;em>and this&lt;/em>.&lt;/p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l550" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l898" id="l898"> 898</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l564" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l899" id="l899"> 899</a> </td> <td class="source"> The selection highlight would be green throughout, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l554" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l900" id="l900"> 900</a> </td> <td class="source"> with yellow text outside the <code>&lt;em></code> element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l555" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l901" id="l901"> 901</a> </td> <td class="source"> and orange text inside it. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l554" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l902" id="l902"> 902</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l555" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l903" id="l903"> 903</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l889" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l904" id="l904"> 904</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l890" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l905" id="l905"> 905</a> </td> <td class="source"> css/css-pseudo/cascade-highlight-001.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l891" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l906" id="l906"> 906</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d09df1f76f8e/css-pseudo-4/Overview.bs#l618" title="d09df1f76f8e: Bikeshed-added 5 tests and improved 1 inter-spec link">github@25097</a> </td> <td class="lineno"> <a href="#l907" id="l907"> 907</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l562" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l908" id="l908"> 908</a> </td> <td class="source"> <p class="advisement"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l563" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l909" id="l909"> 909</a> </td> <td class="source"> Authors wanting multiple selections styles should use </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l564" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l910" id="l910"> 910</a> </td> <td class="source"> <strong>'':root::selection''</strong> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l565" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l911" id="l911"> 911</a> </td> <td class="source"> for their document-wide selection style, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l566" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l912" id="l912"> 912</a> </td> <td class="source"> since this will allow clean overriding in descendants. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l569" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l913" id="l913"> 913</a> </td> <td class="source"> ''::selection'' alone applies to every element in the tree, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l570" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l914" id="l914"> 914</a> </td> <td class="source"> overriding the more specific styles of any ancestors. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l571" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l915" id="l915"> 915</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l572" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l916" id="l916"> 916</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l573" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l917" id="l917"> 917</a> </td> <td class="source"> For example, if an author specified </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l676" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l918" id="l918"> 918</a> </td> <td class="source"> <pre class="lang-css"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/78aa7c2c0aba/css-pseudo-4/Overview.bs#l595" title="78aa7c2c0aba: [css-pseudo-4] Fix broken example. :(">fantasai@22822</a> </td> <td class="lineno"> <a href="#l919" id="l919"> 919</a> </td> <td class="source"> ::selection { background: blue; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/78aa7c2c0aba/css-pseudo-4/Overview.bs#l596" title="78aa7c2c0aba: [css-pseudo-4] Fix broken example. :(">fantasai@22822</a> </td> <td class="lineno"> <a href="#l920" id="l920"> 920</a> </td> <td class="source"> p.warning::selection { background: red; } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l577" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l921" id="l921"> 921</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l578" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l922" id="l922"> 922</a> </td> <td class="source"> and the document included </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l681" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l923" id="l923"> 923</a> </td> <td class="source"> <pre class="lang-markup"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l580" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l924" id="l924"> 924</a> </td> <td class="source"> &lt;p class="warning">Some &lt;strong>very important information&lt;/strong>&lt;/p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l581" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l925" id="l925"> 925</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/78aa7c2c0aba/css-pseudo-4/Overview.bs#l602" title="78aa7c2c0aba: [css-pseudo-4] Fix broken example. :(">fantasai@22822</a> </td> <td class="lineno"> <a href="#l926" id="l926"> 926</a> </td> <td class="source"> The highlight would be blue over “very important information” </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l583" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l927" id="l927"> 927</a> </td> <td class="source"> because the <code>&lt;strong></code> element´s ''::selection'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l584" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l928" id="l928"> 928</a> </td> <td class="source"> also matches the ''::selection { background: blue; }'' rule. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l585" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l929" id="l929"> 929</a> </td> <td class="source"> (Remember that ''*'' is implied when a tag selector is missing.) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/78aa7c2c0aba/css-pseudo-4/Overview.bs#l606" title="78aa7c2c0aba: [css-pseudo-4] Fix broken example. :(">fantasai@22822</a> </td> <td class="lineno"> <a href="#l930" id="l930"> 930</a> </td> <td class="source"> The style rules that would give the intended behavior </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/78aa7c2c0aba/css-pseudo-4/Overview.bs#l607" title="78aa7c2c0aba: [css-pseudo-4] Fix broken example. :(">fantasai@22822</a> </td> <td class="lineno"> <a href="#l931" id="l931"> 931</a> </td> <td class="source"> (red highlight within <code>p.warning</code>, blue elsewhere) are </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l690" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l932" id="l932"> 932</a> </td> <td class="source"> <pre class="lang-css"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/78aa7c2c0aba/css-pseudo-4/Overview.bs#l609" title="78aa7c2c0aba: [css-pseudo-4] Fix broken example. :(">fantasai@22822</a> </td> <td class="lineno"> <a href="#l933" id="l933"> 933</a> </td> <td class="source"> :root::selection { background: blue; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/78aa7c2c0aba/css-pseudo-4/Overview.bs#l610" title="78aa7c2c0aba: [css-pseudo-4] Fix broken example. :(">fantasai@22822</a> </td> <td class="lineno"> <a href="#l934" id="l934"> 934</a> </td> <td class="source"> p.warning::selection { background: red; } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l590" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l935" id="l935"> 935</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53c4deba62aa/css-pseudo/Overview.bs#l591" title="53c4deba62aa: [css-pseudo] Improve examples of cascading.">fantasai@17283</a> </td> <td class="lineno"> <a href="#l936" id="l936"> 936</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l569" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l937" id="l937"> 937</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l923" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l938" id="l938"> 938</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l924" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l939" id="l939"> 939</a> </td> <td class="source"> css/css-pseudo/cascade-highlight-002.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l925" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l940" id="l940"> 940</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d09df1f76f8e/css-pseudo-4/Overview.bs#l652" title="d09df1f76f8e: Bikeshed-added 5 tests and improved 1 inter-spec link">github@25097</a> </td> <td class="lineno"> <a href="#l941" id="l941"> 941</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3399544b2ec3/css-pseudo-4/Overview.bs#l942" title="3399544b2ec3: Fix typos">schenney@30547</a> </td> <td class="lineno"> <a href="#l942" id="l942"> 942</a> </td> <td class="source"> The following example demonstrates the inheritance of [=custom properties=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l947" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l943" id="l943"> 943</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l948" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l944" id="l944"> 944</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l949" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l945" id="l945"> 945</a> </td> <td class="source"> For example, if an author specified </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l950" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l946" id="l946"> 946</a> </td> <td class="source"> <pre class="lang-css"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l951" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l947" id="l947"> 947</a> </td> <td class="source"> :root { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l952" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l948" id="l948"> 948</a> </td> <td class="source"> --background-color: green; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l953" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l949" id="l949"> 949</a> </td> <td class="source"> --decoration-thickness: 10px; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l954" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l950" id="l950"> 950</a> </td> <td class="source"> --decoration-color: purple; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l955" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l951" id="l951"> 951</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l956" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l952" id="l952"> 952</a> </td> <td class="source"> ::selection { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l957" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l953" id="l953"> 953</a> </td> <td class="source"> --decoration-thickness: 1px; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l958" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l954" id="l954"> 954</a> </td> <td class="source"> --decoration-color: green; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l959" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l955" id="l955"> 955</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l960" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l956" id="l956"> 956</a> </td> <td class="source"> div::selection { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l961" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l957" id="l957"> 957</a> </td> <td class="source"> --decoration-color: blue; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l962" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l958" id="l958"> 958</a> </td> <td class="source"> background-color: var(--background-color, red); </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l963" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l959" id="l959"> 959</a> </td> <td class="source"> text-decoration-line: underline; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l964" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l960" id="l960"> 960</a> </td> <td class="source"> text-decoration-style: line; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l965" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l961" id="l961"> 961</a> </td> <td class="source"> text-decoration-thickness: var(--decoration-thickness, 5px); </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l966" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l962" id="l962"> 962</a> </td> <td class="source"> text-decoration-color: var(--decoration-color, red); </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l967" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l963" id="l963"> 963</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l968" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l964" id="l964"> 964</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l969" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l965" id="l965"> 965</a> </td> <td class="source"> A div's selection highlight would be a green background to the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l970" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l966" id="l966"> 966</a> </td> <td class="source"> selected content, with a 1px thick blue underline. The </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l971" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l967" id="l967"> 967</a> </td> <td class="source"> ''--background-color'' custom property is not found on the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l972" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l968" id="l968"> 968</a> </td> <td class="source"> ''div::selection'' nor ''::selection'' so it is taken from the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l973" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l969" id="l969"> 969</a> </td> <td class="source"> ''::root'' custom property match. The ''--decoration-thickness'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l974" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l970" id="l970"> 970</a> </td> <td class="source"> property is inherited from ''::selection'' via the highlight </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l975" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l971" id="l971"> 971</a> </td> <td class="source"> cascade and ''--decoration-color'' is found in </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l976" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l972" id="l972"> 972</a> </td> <td class="source"> ''div::selection'' itself. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l977" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l973" id="l973"> 973</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l978" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l974" id="l974"> 974</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/39506268e452/css-pseudo-4/Overview.bs#l975" title="39506268e452: Address review comments">schenney@30545</a> </td> <td class="lineno"> <a href="#l975" id="l975"> 975</a> </td> <td class="source"> Note: This behavior is intended to accomodate the standard practice of </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l980" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l976" id="l976"> 976</a> </td> <td class="source"> defining document-wide custom properties on '':root''. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7759a9cceb41/css-pseudo-4/Overview.bs#l981" title="7759a9cceb41: [css-pseudo-4] Add spec for resolving custom properties">schenney@30543</a> </td> <td class="lineno"> <a href="#l977" id="l977"> 977</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l570" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l978" id="l978"> 978</a> </td> <td class="source"><h3 id="highlight-painting"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l571" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l979" id="l979"> 979</a> </td> <td class="source">Painting the Highlight</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l572" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l980" id="l980"> 980</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l930" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l981" id="l981"> 981</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l931" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l982" id="l982"> 982</a> </td> <td class="source"> css/css-pseudo/active-selection-014.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l932" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l983" id="l983"> 983</a> </td> <td class="source"> css/css-pseudo/active-selection-041.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l933" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l984" id="l984"> 984</a> </td> <td class="source"> css/css-pseudo/active-selection-045.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l934" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l985" id="l985"> 985</a> </td> <td class="source"> css/css-pseudo/highlight-painting-001.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l935" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l986" id="l986"> 986</a> </td> <td class="source"> css/css-pseudo/highlight-painting-002.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l936" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l987" id="l987"> 987</a> </td> <td class="source"> css/css-pseudo/highlight-painting-003.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l937" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l988" id="l988"> 988</a> </td> <td class="source"> css/css-pseudo/highlight-painting-004.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l938" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l989" id="l989"> 989</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l758" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l990" id="l990"> 990</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l673" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l991" id="l991"> 991</a> </td> <td class="source"><h4 id="highlight-backgrounds"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l674" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l992" id="l992"> 992</a> </td> <td class="source">Backgrounds</h4> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l675" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l993" id="l993"> 993</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9b3fe96b8df1/css-pseudo/Overview.bs#l574" title="9b3fe96b8df1: [css-pseudo] Editorial tweaks to highlight overlay description">fantasai@16777</a> </td> <td class="lineno"> <a href="#l994" id="l994"> 994</a> </td> <td class="source"> Each <a>highlight pseudo-element</a> draws its background </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l612" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l995" id="l995"> 995</a> </td> <td class="source"> over the corresponding portion of the <a>highlight overlay</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9b3fe96b8df1/css-pseudo/Overview.bs#l576" title="9b3fe96b8df1: [css-pseudo] Editorial tweaks to highlight overlay description">fantasai@16777</a> </td> <td class="lineno"> <a href="#l996" id="l996"> 996</a> </td> <td class="source"> painting it </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l504" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l997" id="l997"> 997</a> </td> <td class="source"> immediately below any positioned descendants </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d09df1f76f8e/css-pseudo-4/Overview.bs#l671" title="d09df1f76f8e: Bikeshed-added 5 tests and improved 1 inter-spec link">github@25097</a> </td> <td class="lineno"> <a href="#l998" id="l998"> 998</a> </td> <td class="source"> (i.e. just before step 8 in <a href="https://www.w3.org/TR/CSS22/zindex.html#painting-order">CSS2.2&sect;E.2</a>). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/728f428526c5/css-pseudo-4/Overview.bs#l628" title="728f428526c5: [css-pseudo-4] Also remove mention of outline from painting section. #3604">fantasai@22975</a> </td> <td class="lineno"> <a href="#l999" id="l999"> 999</a> </td> <td class="source">  </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l617" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l1000" id="l1000"> 1000</a> </td> <td class="source"> The ''::selection'' overlay is drawn </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e268bc1606e/css-pseudo-4/Overview.bs#l707" title="7e268bc1606e: [css-pseudo-4] Add ::target-text pseudo-element per WG resolution.">fantasai@25987</a> </td> <td class="lineno"> <a href="#l1001" id="l1001"> 1001</a> </td> <td class="source"> over the ''::target-text'' overlay which is drawn </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l618" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l1002" id="l1002"> 1002</a> </td> <td class="source"> over the ''::spelling-error'' overlay </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l619" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l1003" id="l1003"> 1003</a> </td> <td class="source"> which is drawn over the ''::grammar-error'' overlay. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l620" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l1004" id="l1004"> 1004</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d09df1f76f8e/css-pseudo-4/Overview.bs#l677" title="d09df1f76f8e: Bikeshed-added 5 tests and improved 1 inter-spec link">github@25097</a> </td> <td class="lineno"> <a href="#l1005" id="l1005"> 1005</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l774" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l1006" id="l1006"> 1006</a> </td> <td class="source"> css/css-pseudo/selection-overlay-and-grammar-001.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l775" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l1007" id="l1007"> 1007</a> </td> <td class="source"> css/css-pseudo/selection-overlay-and-spelling-001.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d09df1f76f8e/css-pseudo-4/Overview.bs#l678" title="d09df1f76f8e: Bikeshed-added 5 tests and improved 1 inter-spec link">github@25097</a> </td> <td class="lineno"> <a href="#l1008" id="l1008"> 1008</a> </td> <td class="source"> css/css-pseudo/highlight-z-index-001.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d09df1f76f8e/css-pseudo-4/Overview.bs#l679" title="d09df1f76f8e: Bikeshed-added 5 tests and improved 1 inter-spec link">github@25097</a> </td> <td class="lineno"> <a href="#l1009" id="l1009"> 1009</a> </td> <td class="source"> css/css-pseudo/highlight-z-index-002.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/61c5ad411684/css-pseudo-4/Overview.bs#l968" title="61c5ad411684: [css-pseudo-4] Add @delan's tests #6316 #6603">fantasai@29323</a> </td> <td class="lineno"> <a href="#l1010" id="l1010"> 1010</a> </td> <td class="source"> css/css-pseudo/selection-background-painting-order.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d09df1f76f8e/css-pseudo-4/Overview.bs#l680" title="d09df1f76f8e: Bikeshed-added 5 tests and improved 1 inter-spec link">github@25097</a> </td> <td class="lineno"> <a href="#l1011" id="l1011"> 1011</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d09df1f76f8e/css-pseudo-4/Overview.bs#l681" title="d09df1f76f8e: Bikeshed-added 5 tests and improved 1 inter-spec link">github@25097</a> </td> <td class="lineno"> <a href="#l1012" id="l1012"> 1012</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l691" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1013" id="l1013"> 1013</a> </td> <td class="source"><h4 id="highlight-shadows"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l692" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1014" id="l1014"> 1014</a> </td> <td class="source">Shadows</h4> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l693" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1015" id="l1015"> 1015</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l694" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1016" id="l1016"> 1016</a> </td> <td class="source"> Any 'text-shadow' applying to a [=highlight pseudo-element=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l695" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1017" id="l1017"> 1017</a> </td> <td class="source"> is drawn over its corresponding [=highlight overlay=] background. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l696" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1018" id="l1018"> 1018</a> </td> <td class="source"> Such text shadows also stack over each other </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l697" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1019" id="l1019"> 1019</a> </td> <td class="source"> (and over any original 'text-shadow' applied to the text and its decorations, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l698" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1020" id="l1020"> 1020</a> </td> <td class="source"> which continues to apply). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l699" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1021" id="l1021"> 1021</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l700" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1022" id="l1022"> 1022</a> </td> <td class="source"> Note: Since each [=highlight overlay=] background </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l701" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1023" id="l1023"> 1023</a> </td> <td class="source"> is drawn over any shadows belonging to the layer(s) below, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l702" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1024" id="l1024"> 1024</a> </td> <td class="source"> a [=highlight overlay=] background can obscure lower-level shadows. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l703" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1025" id="l1025"> 1025</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l704" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1026" id="l1026"> 1026</a> </td> <td class="source"><h4 id="highlight-text"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l705" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1027" id="l1027"> 1027</a> </td> <td class="source">Text and Text Decorations</h4> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l706" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1028" id="l1028"> 1028</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l621" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l1029" id="l1029"> 1029</a> </td> <td class="source"> A <a>highlight pseudo-element</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f47334759e10/css-pseudo-4/Overview.bs#l920" title="f47334759e10: [css-pseudo] text decorations on highlight pseudos (closes #6022) (#6666)">dazabani@28154</a> </td> <td class="lineno"> <a href="#l1030" id="l1030"> 1030</a> </td> <td class="source"> suppresses the normal drawing of any associated text, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f47334759e10/css-pseudo-4/Overview.bs#l921" title="f47334759e10: [css-pseudo] text decorations on highlight pseudos (closes #6022) (#6666)">dazabani@28154</a> </td> <td class="lineno"> <a href="#l1031" id="l1031"> 1031</a> </td> <td class="source"> and the text decorations </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f47334759e10/css-pseudo-4/Overview.bs#l922" title="f47334759e10: [css-pseudo] text decorations on highlight pseudos (closes #6022) (#6666)">dazabani@28154</a> </td> <td class="lineno"> <a href="#l1032" id="l1032"> 1032</a> </td> <td class="source"> (other than shadows) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f47334759e10/css-pseudo-4/Overview.bs#l923" title="f47334759e10: [css-pseudo] text decorations on highlight pseudos (closes #6022) (#6666)">dazabani@28154</a> </td> <td class="lineno"> <a href="#l1033" id="l1033"> 1033</a> </td> <td class="source"> that had been applied to that text. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l624" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l1034" id="l1034"> 1034</a> </td> <td class="source"> Instead the topmost active <a>highlight overlay</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l625" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l1035" id="l1035"> 1035</a> </td> <td class="source"> redraws that text </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-pseudo-4/Overview.bs#l803" title="dfe5f345ac42: Revert "Revert "Merge branch 'main' of https://github.com/w3c/csswg-drafts into main""">dbaron@27061</a> </td> <td class="lineno"> <a href="#l1036" id="l1036"> 1036</a> </td> <td class="source"> (and those decorations) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a8a089812a77/css-pseudo-4/Overview.bs#l909" title="a8a089812a77: [css-pseudo-4] Clearer phrasing">fantasai@28049</a> </td> <td class="lineno"> <a href="#l1037" id="l1037"> 1037</a> </td> <td class="source"> over all the <a>highlight overlay</a> backgrounds </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/728f428526c5/css-pseudo-4/Overview.bs#l640" title="728f428526c5: [css-pseudo-4] Also remove mention of outline from painting section. #3604">fantasai@22975</a> </td> <td class="lineno"> <a href="#l1038" id="l1038"> 1038</a> </td> <td class="source">  </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a8a089812a77/css-pseudo-4/Overview.bs#l911" title="a8a089812a77: [css-pseudo-4] Clearer phrasing">fantasai@28049</a> </td> <td class="lineno"> <a href="#l1039" id="l1039"> 1039</a> </td> <td class="source"> using that highlight’s own 'color'. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e7359f0ff47e/css-pseudo-4/Overview.bs#l716" title="e7359f0ff47e: [css-pseudo-4] Improve wording / paragraph breaks.">fantasai@25814</a> </td> <td class="lineno"> <a href="#l1040" id="l1040"> 1040</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f47334759e10/css-pseudo-4/Overview.bs#l931" title="f47334759e10: [css-pseudo] text decorations on highlight pseudos (closes #6022) (#6666)">dazabani@28154</a> </td> <td class="lineno"> <a href="#l1041" id="l1041"> 1041</a> </td> <td class="source"> Note: This means that unlike shadows, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f47334759e10/css-pseudo-4/Overview.bs#l932" title="f47334759e10: [css-pseudo] text decorations on highlight pseudos (closes #6022) (#6666)">dazabani@28154</a> </td> <td class="lineno"> <a href="#l1042" id="l1042"> 1042</a> </td> <td class="source"> line decorations and emphasis marks </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f47334759e10/css-pseudo-4/Overview.bs#l933" title="f47334759e10: [css-pseudo] text decorations on highlight pseudos (closes #6022) (#6666)">dazabani@28154</a> </td> <td class="lineno"> <a href="#l1043" id="l1043"> 1043</a> </td> <td class="source"> won’t be obscured by any highlight overlay backgrounds </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f47334759e10/css-pseudo-4/Overview.bs#l934" title="f47334759e10: [css-pseudo] text decorations on highlight pseudos (closes #6022) (#6666)">dazabani@28154</a> </td> <td class="lineno"> <a href="#l1044" id="l1044"> 1044</a> </td> <td class="source"> that are drawn for the associated text. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f47334759e10/css-pseudo-4/Overview.bs#l935" title="f47334759e10: [css-pseudo] text decorations on highlight pseudos (closes #6022) (#6666)">dazabani@28154</a> </td> <td class="lineno"> <a href="#l1045" id="l1045"> 1045</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e7359f0ff47e/css-pseudo-4/Overview.bs#l717" title="e7359f0ff47e: [css-pseudo-4] Improve wording / paragraph breaks.">fantasai@25814</a> </td> <td class="lineno"> <a href="#l1046" id="l1046"> 1046</a> </td> <td class="source"> For this purpose, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e7359f0ff47e/css-pseudo-4/Overview.bs#l718" title="e7359f0ff47e: [css-pseudo-4] Improve wording / paragraph breaks.">fantasai@25814</a> </td> <td class="lineno"> <a href="#l1047" id="l1047"> 1047</a> </td> <td class="source"> ''currentColor'' on a [=highlight pseudo-element=]’s 'color' property represents </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ecbdd5977b27/css-pseudo-4/Overview.bs#l938" title="ecbdd5977b27: [css-pseudo] clarify highlight color:currentColor (closes #6818)">dazabani@28405</a> </td> <td class="lineno"> <a href="#l1048" id="l1048"> 1048</a> </td> <td class="source"> the 'color' of the next <em>active</em> <a>highlight pseudo-element</a> layer below, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b236a1f4d1f2/css-pseudo-4/Overview.bs#l699" title="b236a1f4d1f2: [css-pseudo-4] Clarify that fallback color of a highlight pseudo could come from ::first-line etc. #4625">fantasai@25810</a> </td> <td class="lineno"> <a href="#l1049" id="l1049"> 1049</a> </td> <td class="source"> falling back finally to the colors that would otherwise have been used </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b236a1f4d1f2/css-pseudo-4/Overview.bs#l700" title="b236a1f4d1f2: [css-pseudo-4] Clarify that fallback color of a highlight pseudo could come from ::first-line etc. #4625">fantasai@25810</a> </td> <td class="lineno"> <a href="#l1050" id="l1050"> 1050</a> </td> <td class="source"> (those applied by the [=originating element=] or </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b236a1f4d1f2/css-pseudo-4/Overview.bs#l701" title="b236a1f4d1f2: [css-pseudo-4] Clarify that fallback color of a highlight pseudo could come from ::first-line etc. #4625">fantasai@25810</a> </td> <td class="lineno"> <a href="#l1051" id="l1051"> 1051</a> </td> <td class="source"> an intervening [=pseudo-element=] such as ''::first-line'' or ''::first-letter''). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e7359f0ff47e/css-pseudo-4/Overview.bs#l723" title="e7359f0ff47e: [css-pseudo-4] Improve wording / paragraph breaks.">fantasai@25814</a> </td> <td class="lineno"> <a href="#l1052" id="l1052"> 1052</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/131d83c4e5e0/css-pseudo-4/Overview.bs#l640" title="131d83c4e5e0: [css-pseudo-4] Clarify that base element text decorations lose their colors to pseudo-element's 'color' when it is specified. #2850">fantasai@22944</a> </td> <td class="lineno"> <a href="#l1053" id="l1053"> 1053</a> </td> <td class="source"> Note: The element’s own text decorations </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/131d83c4e5e0/css-pseudo-4/Overview.bs#l641" title="131d83c4e5e0: [css-pseudo-4] Clarify that base element text decorations lose their colors to pseudo-element's 'color' when it is specified. #2850">fantasai@22944</a> </td> <td class="lineno"> <a href="#l1054" id="l1054"> 1054</a> </td> <td class="source"> (both <a href="https://www.w3.org/TR/css-text-decor/#line-decoration">line decorations</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/131d83c4e5e0/css-pseudo-4/Overview.bs#l642" title="131d83c4e5e0: [css-pseudo-4] Clarify that base element text decorations lose their colors to pseudo-element's 'color' when it is specified. #2850">fantasai@22944</a> </td> <td class="lineno"> <a href="#l1055" id="l1055"> 1055</a> </td> <td class="source"> and <a href="https://www.w3.org/TR/css-text-decor/#emphasis-marks">emphasis marks</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/131d83c4e5e0/css-pseudo-4/Overview.bs#l643" title="131d83c4e5e0: [css-pseudo-4] Clarify that base element text decorations lose their colors to pseudo-element's 'color' when it is specified. #2850">fantasai@22944</a> </td> <td class="lineno"> <a href="#l1056" id="l1056"> 1056</a> </td> <td class="source"> are thus drawn in the pseudo-element’s own 'color' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/131d83c4e5e0/css-pseudo-4/Overview.bs#l644" title="131d83c4e5e0: [css-pseudo-4] Clarify that base element text decorations lose their colors to pseudo-element's 'color' when it is specified. #2850">fantasai@22944</a> </td> <td class="lineno"> <a href="#l1057" id="l1057"> 1057</a> </td> <td class="source"> when that is not ''currentColor'', </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/131d83c4e5e0/css-pseudo-4/Overview.bs#l645" title="131d83c4e5e0: [css-pseudo-4] Clarify that base element text decorations lose their colors to pseudo-element's 'color' when it is specified. #2850">fantasai@22944</a> </td> <td class="lineno"> <a href="#l1058" id="l1058"> 1058</a> </td> <td class="source"> regardless of their original color or fill specifications. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l510" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l1059" id="l1059"> 1059</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/21919d712e25/css-pseudo-4/Overview.bs#l927" title="21919d712e25: [css-pseudo-4] Move note">fantasai@28050</a> </td> <td class="lineno"> <a href="#l1060" id="l1060"> 1060</a> </td> <td class="source"> Any text decorations introduced by each <a>highlight pseudo-element</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/21919d712e25/css-pseudo-4/Overview.bs#l928" title="21919d712e25: [css-pseudo-4] Move note">fantasai@28050</a> </td> <td class="lineno"> <a href="#l1061" id="l1061"> 1061</a> </td> <td class="source"> are stacked in the same order as their backgrounds </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/21919d712e25/css-pseudo-4/Overview.bs#l929" title="21919d712e25: [css-pseudo-4] Move note">fantasai@28050</a> </td> <td class="lineno"> <a href="#l1062" id="l1062"> 1062</a> </td> <td class="source"> over the text’s original decorations </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/21919d712e25/css-pseudo-4/Overview.bs#l930" title="21919d712e25: [css-pseudo-4] Move note">fantasai@28050</a> </td> <td class="lineno"> <a href="#l1063" id="l1063"> 1063</a> </td> <td class="source"> and are all drawn, each decoration in its own color. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l931" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1064" id="l1064"> 1064</a> </td> <td class="source"> The normal painting order applies, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l932" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1065" id="l1065"> 1065</a> </td> <td class="source"> so as per <a href="https://www.w3.org/TR/CSS2/zindex.html#painting-order">CSS2 Appendix E</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l933" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1066" id="l1066"> 1066</a> </td> <td class="source"> all underlines are drawn </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l934" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1067" id="l1067"> 1067</a> </td> <td class="source"> below overlines which are drawn </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l935" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1068" id="l1068"> 1068</a> </td> <td class="source"> below the text which is drawn </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l936" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1069" id="l1069"> 1069</a> </td> <td class="source"> below any line-throughs. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l937" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1070" id="l1070"> 1070</a> </td> <td class="source"> However, text decorations applied by ''::selection'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l938" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1071" id="l1071"> 1071</a> </td> <td class="source"> may instead all be drawn </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l939" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1072" id="l1072"> 1072</a> </td> <td class="source"> along with the text </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l940" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1073" id="l1073"> 1073</a> </td> <td class="source"> as a topmost set of layers </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l941" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1074" id="l1074"> 1074</a> </td> <td class="source"> above all other decorations. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l942" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1075" id="l1075"> 1075</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l943" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1076" id="l1076"> 1076</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l944" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1077" id="l1077"> 1077</a> </td> <td class="source"> For example, assuming the original text has an underline and a strike-through, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l945" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1078" id="l1078"> 1078</a> </td> <td class="source"> that ''::selection'' applies an underline </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f47334759e10/css-pseudo-4/Overview.bs#l969" title="f47334759e10: [css-pseudo] text decorations on highlight pseudos (closes #6022) (#6666)">dazabani@28154</a> </td> <td class="lineno"> <a href="#l1079" id="l1079"> 1079</a> </td> <td class="source"> and ''::target-text'' applies both overline and strike-through, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l947" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1080" id="l1080"> 1080</a> </td> <td class="source"> the following are both conformant painting orders: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l948" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1081" id="l1081"> 1081</a> </td> <td class="source"> <div style="columns: 20em"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l949" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1082" id="l1082"> 1082</a> </td> <td class="source"> <ol style="break-inside: avoid; margin-top: 0;"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l950" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1083" id="l1083"> 1083</a> </td> <td class="source"> <li>original underline </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l951" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1084" id="l1084"> 1084</a> </td> <td class="source"> <li>''::selection'' underline </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l952" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1085" id="l1085"> 1085</a> </td> <td class="source"> <li>''::target-text'' overline </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l953" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1086" id="l1086"> 1086</a> </td> <td class="source"> <li>''::selection''-colored text </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l954" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1087" id="l1087"> 1087</a> </td> <td class="source"> <li>original strike-through </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l955" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1088" id="l1088"> 1088</a> </td> <td class="source"> <li>''::target-text'' strike-through </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l956" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1089" id="l1089"> 1089</a> </td> <td class="source"> </ol> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l957" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1090" id="l1090"> 1090</a> </td> <td class="source"> <ol style="break-inside: avoid; margin-top: 0;"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l958" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1091" id="l1091"> 1091</a> </td> <td class="source"> <li>original underline </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l959" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1092" id="l1092"> 1092</a> </td> <td class="source"> <li>''::target-text'' overline </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l960" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1093" id="l1093"> 1093</a> </td> <td class="source"> <li>original strike-through </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l961" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1094" id="l1094"> 1094</a> </td> <td class="source"> <li>''::target-text'' strike-through </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l962" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1095" id="l1095"> 1095</a> </td> <td class="source"> <li>''::selection'' underline </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l963" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1096" id="l1096"> 1096</a> </td> <td class="source"> <li>''::selection''-colored text </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l964" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1097" id="l1097"> 1097</a> </td> <td class="source"> </ol> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l965" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1098" id="l1098"> 1098</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/52c3eb05eaf8/css-pseudo-4/Overview.bs#l966" title="52c3eb05eaf8: [css-pseudo-4] Clarify painting order of highlight text decoration, allow ::selection stacked at the top. #6022">fantasai@28051</a> </td> <td class="lineno"> <a href="#l1099" id="l1099"> 1099</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/21919d712e25/css-pseudo-4/Overview.bs#l931" title="21919d712e25: [css-pseudo-4] Move note">fantasai@28050</a> </td> <td class="lineno"> <a href="#l1100" id="l1100"> 1100</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b7772fa4ee16/css-pseudo-4/Overview.bs#l992" title="b7772fa4ee16: simplify normative text; elaborate note">dazabani@28464</a> </td> <td class="lineno"> <a href="#l1101" id="l1101"> 1101</a> </td> <td class="source"> <a href="https://www.w3.org/TR/css-text-decor/#line-decoration">Line decorations</a> introduced by [=highlight pseudo-elements=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b7772fa4ee16/css-pseudo-4/Overview.bs#l993" title="b7772fa4ee16: simplify normative text; elaborate note">dazabani@28464</a> </td> <td class="lineno"> <a href="#l1102" id="l1102"> 1102</a> </td> <td class="source"> apply only to the text associated with their [=originating element=], </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b7772fa4ee16/css-pseudo-4/Overview.bs#l994" title="b7772fa4ee16: simplify normative text; elaborate note">dazabani@28464</a> </td> <td class="lineno"> <a href="#l1103" id="l1103"> 1103</a> </td> <td class="source"> and are not propagated to descendants </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b7772fa4ee16/css-pseudo-4/Overview.bs#l995" title="b7772fa4ee16: simplify normative text; elaborate note">dazabani@28464</a> </td> <td class="lineno"> <a href="#l1104" id="l1104"> 1104</a> </td> <td class="source"> except via property [=inheritance=] (as described [[#highlight-cascade|above]]). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9bd9f9a1e094/css-pseudo-4/Overview.bs#l1001" title="9bd9f9a1e094: [css-pseudo] no decoration propagation on highlights (closes #6829)">dazabani@28462</a> </td> <td class="lineno"> <a href="#l1105" id="l1105"> 1105</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fb918feb1510/css-pseudo-4/Overview.bs#l997" title="fb918feb1510: all highlight pseudo styles, not just the root">delan@28465</a> </td> <td class="lineno"> <a href="#l1106" id="l1106"> 1106</a> </td> <td class="source"> Note: Unlike the originating element’s own decorations, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fb918feb1510/css-pseudo-4/Overview.bs#l998" title="fb918feb1510: all highlight pseudo styles, not just the root">delan@28465</a> </td> <td class="lineno"> <a href="#l1107" id="l1107"> 1107</a> </td> <td class="source"> decorations declared on a highlight pseudo-element </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b7772fa4ee16/css-pseudo-4/Overview.bs#l999" title="b7772fa4ee16: simplify normative text; elaborate note">dazabani@28464</a> </td> <td class="lineno"> <a href="#l1108" id="l1108"> 1108</a> </td> <td class="source"> propagate to [=out-of-flow|out-of-flow elements=] and [=inline blocks=], </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b7772fa4ee16/css-pseudo-4/Overview.bs#l1000" title="b7772fa4ee16: simplify normative text; elaborate note">dazabani@28464</a> </td> <td class="lineno"> <a href="#l1109" id="l1109"> 1109</a> </td> <td class="source"> with thickness and position varying between descendants. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9bd9f9a1e094/css-pseudo-4/Overview.bs#l1008" title="9bd9f9a1e094: [css-pseudo] no decoration propagation on highlights (closes #6829)">dazabani@28462</a> </td> <td class="lineno"> <a href="#l1110" id="l1110"> 1110</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/61c5ad411684/css-pseudo-4/Overview.bs#l1069" title="61c5ad411684: [css-pseudo-4] Add @delan's tests #6316 #6603">fantasai@29323</a> </td> <td class="lineno"> <a href="#l1111" id="l1111"> 1111</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/61c5ad411684/css-pseudo-4/Overview.bs#l1070" title="61c5ad411684: [css-pseudo-4] Add @delan's tests #6316 #6603">fantasai@29323</a> </td> <td class="lineno"> <a href="#l1112" id="l1112"> 1112</a> </td> <td class="source"> css/css-pseudo/selection-originating-underline-order.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/61c5ad411684/css-pseudo-4/Overview.bs#l1071" title="61c5ad411684: [css-pseudo-4] Add @delan's tests #6316 #6603">fantasai@29323</a> </td> <td class="lineno"> <a href="#l1113" id="l1113"> 1113</a> </td> <td class="source"> css/css-pseudo/selection-originating-decoration-color.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/61c5ad411684/css-pseudo-4/Overview.bs#l1072" title="61c5ad411684: [css-pseudo-4] Add @delan's tests #6316 #6603">fantasai@29323</a> </td> <td class="lineno"> <a href="#l1114" id="l1114"> 1114</a> </td> <td class="source"> css/css-pseudo/selection-originating-strikethrough-order.html </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/61c5ad411684/css-pseudo-4/Overview.bs#l1073" title="61c5ad411684: [css-pseudo-4] Add @delan's tests #6316 #6603">fantasai@29323</a> </td> <td class="lineno"> <a href="#l1115" id="l1115"> 1115</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/61c5ad411684/css-pseudo-4/Overview.bs#l1074" title="61c5ad411684: [css-pseudo-4] Add @delan's tests #6316 #6603">fantasai@29323</a> </td> <td class="lineno"> <a href="#l1116" id="l1116"> 1116</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l733" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1117" id="l1117"> 1117</a> </td> <td class="source"><h4 id="highlight-replaced"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/c47de03ea0a6/css-pseudo-4/Overview.bs#l734" title="c47de03ea0a6: [css-pseudo-4] Define painting of text-shadow for highlight pseudos. #3932">fantasai@25813</a> </td> <td class="lineno"> <a href="#l1118" id="l1118"> 1118</a> </td> <td class="source">Replaced Elements</h4> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l517" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l1119" id="l1119"> 1119</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l518" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l1120" id="l1120"> 1120</a> </td> <td class="source"> For non-replaced content, the UA must honor the 'color' and 'background-color' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l519" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l1121" id="l1121"> 1121</a> </td> <td class="source"> (including their alpha channels) as specified. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l520" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l1122" id="l1122"> 1122</a> </td> <td class="source"> However, for replaced content, the UA should create a semi-transparent wash </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l521" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l1123" id="l1123"> 1123</a> </td> <td class="source"> to coat the content so that it can show through the selection. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9591381784e1/css-pseudo/Overview.bs#l522" title="9591381784e1: [css-pseudo] Initial draft of ::selection">fantasai@14707</a> </td> <td class="lineno"> <a href="#l1124" id="l1124"> 1124</a> </td> <td class="source"> This wash should be of the specified 'background-color' if that is not ''transparent'', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9b3fe96b8df1/css-pseudo/Overview.bs#l594" title="9b3fe96b8df1: [css-pseudo] Editorial tweaks to highlight overlay description">fantasai@16777</a> </td> <td class="lineno"> <a href="#l1125" id="l1125"> 1125</a> </td> <td class="source"> else of the specified 'color'; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f53bc3f9effb/css-pseudo-4/Overview.bs#l649" title="f53bc3f9effb: [css-pseudo-4] Rewrite ::selection et al. cascade using inheritance mechanism and make everything fit together into some kind of coherent model. #2474">fantasai@22823</a> </td> <td class="lineno"> <a href="#l1126" id="l1126"> 1126</a> </td> <td class="source"> however the UA may adjust the alpha channel. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/36e76d3dae24/css-pseudo-4/Overview.bs#l1069" title="36e76d3dae24: [css-pseudo-4][editorial] Fix source formatting">fantasai@29322</a> </td> <td class="lineno"> <a href="#l1127" id="l1127"> 1127</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l835" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l1128" id="l1128"> 1128</a> </td> <td class="source"> <wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l836" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l1129" id="l1129"> 1129</a> </td> <td class="source"> css/css-pseudo/selection-paint-image.html </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f6eac69e030b/css-pseudo-4/Overview.bs#l837" title="f6eac69e030b: Bikeshed-added links to 32 tests">github@26555</a> </td> <td class="lineno"> <a href="#l1130" id="l1130"> 1130</a> </td> <td class="source"> </wpt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9b3fe96b8df1/css-pseudo/Overview.bs#l600" title="9b3fe96b8df1: [css-pseudo] Editorial tweaks to highlight overlay description">fantasai@16777</a> </td> <td class="lineno"> <a href="#l1131" id="l1131"> 1131</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l600" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l1132" id="l1132"> 1132</a> </td> <td class="source"><h3 id="highlight-security"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9b3fe96b8df1/css-pseudo/Overview.bs#l602" title="9b3fe96b8df1: [css-pseudo] Editorial tweaks to highlight overlay description">fantasai@16777</a> </td> <td class="lineno"> <a href="#l1133" id="l1133"> 1133</a> </td> <td class="source">Security and Privacy Considerations</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l602" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l1134" id="l1134"> 1134</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l603" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l1135" id="l1135"> 1135</a> </td> <td class="source"> Because the styling of spelling and grammar errors </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l604" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l1136" id="l1136"> 1136</a> </td> <td class="source"> can leak information about the contents of a user's dictionary </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b268ba685afe/css-pseudo-4/Overview.bs#l1003" title="b268ba685afe: [css-pseudo] non-substantive prose tweaks">dazabani@28149</a> </td> <td class="lineno"> <a href="#l1137" id="l1137"> 1137</a> </td> <td class="source"> (which can include the user's name and even includes the contents of their address book!) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l606" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l1138" id="l1138"> 1138</a> </td> <td class="source"> UAs that implement ''::spelling-error'' and ''::grammar-error'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l607" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l1139" id="l1139"> 1139</a> </td> <td class="source"> must prevent pages from being able to read </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-pseudo/Overview.bs#l612" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l1140" id="l1140"> 1140</a> </td> <td class="source"> the styling of such highlighted segments. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l609" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l1141" id="l1141"> 1141</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l610" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1142" id="l1142"> 1142</a> </td> <td class="source"><h2 id="treelike"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1143" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1143" id="l1143"> 1143</a> </td> <td class="source">Tree-Abiding and Part-Like Pseudo-elements</h2> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l612" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1144" id="l1144"> 1144</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/627668c3814d/css-pseudo-4/Overview.bs#l644" title="627668c3814d: [css-pseudo-4] Clarify that highlight pseudos can cross element boundaries. Export terms.">fantasai@20334</a> </td> <td class="lineno"> <a href="#l1145" id="l1145"> 1145</a> </td> <td class="source"> <dfn export lt="tree-abiding|tree-abiding pseudo-element">Tree-abiding pseudo-elements</dfn> always fit within the box tree. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/22ff50ac14de/css-pseudo/Overview.bs#l637" title="22ff50ac14de: [css-pseudo] Make all tree-abiding pseudos inherit from their originating element. Fixes #1646.">jackalmage@19655</a> </td> <td class="lineno"> <a href="#l1146" id="l1146"> 1146</a> </td> <td class="source"> They <a lt="inheritance">inherit</a> any inheritable properties from their <a>originating element</a>; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/22ff50ac14de/css-pseudo/Overview.bs#l638" title="22ff50ac14de: [css-pseudo] Make all tree-abiding pseudos inherit from their originating element. Fixes #1646.">jackalmage@19655</a> </td> <td class="lineno"> <a href="#l1147" id="l1147"> 1147</a> </td> <td class="source"> non-inheritable properties take their <a>initial values</a> as usual. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5a3a7b58ab22/css-pseudo-4/Overview.bs#l692" title="5a3a7b58ab22: [css-pseudo-4] Update biblio to contemporary format.">fantasai@24384</a> </td> <td class="lineno"> <a href="#l1148" id="l1148"> 1148</a> </td> <td class="source"> [[CSS-CASCADE-4]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l614" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1149" id="l1149"> 1149</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1150" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1150" id="l1150"> 1150</a> </td> <td class="source"> A subset of [=tree-abiding pseudo-elements=], </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1151" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1151" id="l1151"> 1151</a> </td> <td class="source"> the <dfn>part-like pseudo-elements</dfn>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1152" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1152" id="l1152"> 1152</a> </td> <td class="source"> have slightly stronger requirements: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1153" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1153" id="l1153"> 1153</a> </td> <td class="source"> they act as if they have a well-defined location in the document tree. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1154" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1154" id="l1154"> 1154</a> </td> <td class="source"> This enables them to interact with some other platform features </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1155" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1155" id="l1155"> 1155</a> </td> <td class="source"> as if they were real elements. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1156" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1156" id="l1156"> 1156</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1157" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1157" id="l1157"> 1157</a> </td> <td class="source"> <div class=example> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1158" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1158" id="l1158"> 1158</a> </td> <td class="source"> For example, a [=part-like pseudo-element=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1159" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1159" id="l1159"> 1159</a> </td> <td class="source"> can be used in the <{html-global/exportparts}> attribute, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1160" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1160" id="l1160"> 1160</a> </td> <td class="source"> to masquerade as a ''::part()'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1161" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1161" id="l1161"> 1161</a> </td> <td class="source"> for the component it's in: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1162" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1162" id="l1162"> 1162</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1163" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1163" id="l1163"> 1163</a> </td> <td class="source"> <xmp class=html> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1164" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1164" id="l1164"> 1164</a> </td> <td class="source"> <template id=custom-element-template> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1165" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1165" id="l1165"> 1165</a> </td> <td class="source"> <p exportparts="::before : preceding-text"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1166" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1166" id="l1166"> 1166</a> </td> <td class="source"> You can style my ::before pseudo-element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1167" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1167" id="l1167"> 1167</a> </td> <td class="source"> by using ::part(preceding-text), too! </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1168" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1168" id="l1168"> 1168</a> </td> <td class="source"> </template> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1169" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1169" id="l1169"> 1169</a> </td> <td class="source"> </xmp> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1170" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1170" id="l1170"> 1170</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1171" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1171" id="l1171"> 1171</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1172" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1172" id="l1172"> 1172</a> </td> <td class="source"> Unless otherwise specified, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1173" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1173" id="l1173"> 1173</a> </td> <td class="source"> any CSS property that applies to elements </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1174" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1174" id="l1174"> 1174</a> </td> <td class="source"> applies to [=part-like pseudo-elements=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1175" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1175" id="l1175"> 1175</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l615" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1176" id="l1176"> 1176</a> </td> <td class="source"><h3 id="generated-content"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l616" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1177" id="l1177"> 1177</a> </td> <td class="source">Generated Content Pseudo-elements: ''::before'' and ''::after''</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l429" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1178" id="l1178"> 1178</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l613" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l1179" id="l1179"> 1179</a> </td> <td class="source"> When their computed 'content' value is not ''content/none'', </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l424" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1180" id="l1180"> 1180</a> </td> <td class="source"> these pseudo-elements generate boxes </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a30f4e794b8a/css-pseudo/Overview.bs#l642" title="a30f4e794b8a: [css-pseudo] Use <a>.">jackalmage@18100</a> </td> <td class="lineno"> <a href="#l1181" id="l1181"> 1181</a> </td> <td class="source"> as if they were immediate children of their <a>originating element</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/63a9ba4e9637/css-pseudo-4/Overview.bs#l769" title="63a9ba4e9637: [css-pseudo-4] Clarify that all properties apply to ::before and ::after the same way they would to a normal element. #1861">fantasai@25819</a> </td> <td class="lineno"> <a href="#l1182" id="l1182"> 1182</a> </td> <td class="source"> with content as specified by 'content'. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l434" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1183" id="l1183"> 1183</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l431" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1184" id="l1184"> 1184</a> </td> <td class="source"> <dl> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l432" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1185" id="l1185"> 1185</a> </td> <td class="source"> <dt><dfn>::before</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l433" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1186" id="l1186"> 1186</a> </td> <td class="source"> <dd>Represents a styleable child pseudo-element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a30f4e794b8a/css-pseudo/Overview.bs#l651" title="a30f4e794b8a: [css-pseudo] Use <a>.">jackalmage@18100</a> </td> <td class="lineno"> <a href="#l1187" id="l1187"> 1187</a> </td> <td class="source"> immediately before the <a>originating element</a>'s actual content. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l439" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1188" id="l1188"> 1188</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l436" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1189" id="l1189"> 1189</a> </td> <td class="source"> <dt><dfn>::after</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l437" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1190" id="l1190"> 1190</a> </td> <td class="source"> <dd>Represents a styleable child pseudo-element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a30f4e794b8a/css-pseudo/Overview.bs#l655" title="a30f4e794b8a: [css-pseudo] Use <a>.">jackalmage@18100</a> </td> <td class="lineno"> <a href="#l1191" id="l1191"> 1191</a> </td> <td class="source"> immediately after the <a>originating element</a>'s actual content. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l439" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1192" id="l1192"> 1192</a> </td> <td class="source"> </dl> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l440" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1193" id="l1193"> 1193</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1194" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1194" id="l1194"> 1194</a> </td> <td class="source"> Both ''::before'' and ''::after'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1195" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1195" id="l1195"> 1195</a> </td> <td class="source"> are [=part-like pseudo-elements=]; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1196" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1196" id="l1196"> 1196</a> </td> <td class="source"> there is no restriction on what properties apply to them. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/63a9ba4e9637/css-pseudo-4/Overview.bs#l785" title="63a9ba4e9637: [css-pseudo-4] Clarify that all properties apply to ::before and ::after the same way they would to a normal element. #1861">fantasai@25819</a> </td> <td class="lineno"> <a href="#l1197" id="l1197"> 1197</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l441" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1198" id="l1198"> 1198</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l442" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1199" id="l1199"> 1199</a> </td> <td class="source"> For example, the following rule inserts the string “Note: ” </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l443" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1200" id="l1200"> 1200</a> </td> <td class="source"> before the content of every <code>&lt;p></code> element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l444" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1201" id="l1201"> 1201</a> </td> <td class="source"> whose <code>class</code> attribute has the value <code>note</code>: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l445" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1202" id="l1202"> 1202</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l835" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l1203" id="l1203"> 1203</a> </td> <td class="source"> <pre class="lang-css">p.note::before { content: "Note: " }</pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l447" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1204" id="l1204"> 1204</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/68cb89a43750/css-pseudo/Overview.bs#l638" title="68cb89a43750: [css-pseudo] Add ::spelling-error and ::grammar-error. Specify that highlighted text decorations are colored. Add example of nested element styling. Add more headings. Fix links.">fantasai@14973</a> </td> <td class="lineno"> <a href="#l1205" id="l1205"> 1205</a> </td> <td class="source"> Since the initial value of 'display' is ''display/inline'', </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l449" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1206" id="l1206"> 1206</a> </td> <td class="source"> this will generate an inline box. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l450" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1207" id="l1207"> 1207</a> </td> <td class="source"> Like other inline children of <code>&lt;p></code>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l451" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1208" id="l1208"> 1208</a> </td> <td class="source"> it will participate in <code>&lt;p></code>’s inline formatting context, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l452" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1209" id="l1209"> 1209</a> </td> <td class="source"> potentially sharing a line with other content. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l453" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1210" id="l1210"> 1210</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l454" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1211" id="l1211"> 1211</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l455" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1212" id="l1212"> 1212</a> </td> <td class="source"> As with the content of regular elements, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l456" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1213" id="l1213"> 1213</a> </td> <td class="source"> the generated content of ''::before'' and '':after'' pseudo-elements </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a82595e98c5d/css-pseudo-4/Overview.bs#l728" title="a82595e98c5d: [css-pseudo-4] Avoid incorrect use of RFC2119 MAY. #4578">fantasai@24716</a> </td> <td class="lineno"> <a href="#l1214" id="l1214"> 1214</a> </td> <td class="source"> can form part of any ''::first-line'' and ''::first-letter'' pseudo-elements </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a30f4e794b8a/css-pseudo/Overview.bs#l675" title="a30f4e794b8a: [css-pseudo] Use <a>.">jackalmage@18100</a> </td> <td class="lineno"> <a href="#l1215" id="l1215"> 1215</a> </td> <td class="source"> applied to its <a>originating element</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f1817b0640e4/css-pseudo-4/Overview.bs#l1147" title="f1817b0640e4: [css-pseudo-4] Clarify that pseudo-elements are suppressed just like regular elements. #625">fantasai@29345</a> </td> <td class="lineno"> <a href="#l1216" id="l1216"> 1216</a> </td> <td class="source"> Also as with regular child elements, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f1817b0640e4/css-pseudo-4/Overview.bs#l1148" title="f1817b0640e4: [css-pseudo-4] Clarify that pseudo-elements are suppressed just like regular elements. #625">fantasai@29345</a> </td> <td class="lineno"> <a href="#l1217" id="l1217"> 1217</a> </td> <td class="source"> the ''::before'' and ''::after'' pseudo-elements </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f1817b0640e4/css-pseudo-4/Overview.bs#l1149" title="f1817b0640e4: [css-pseudo-4] Clarify that pseudo-elements are suppressed just like regular elements. #625">fantasai@29345</a> </td> <td class="lineno"> <a href="#l1218" id="l1218"> 1218</a> </td> <td class="source"> are suppressed when their parent, the [=originating element=], </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f1817b0640e4/css-pseudo-4/Overview.bs#l1150" title="f1817b0640e4: [css-pseudo-4] Clarify that pseudo-elements are suppressed just like regular elements. #625">fantasai@29345</a> </td> <td class="lineno"> <a href="#l1219" id="l1219"> 1219</a> </td> <td class="source"> is [=replaced element|replaced=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l459" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1220" id="l1220"> 1220</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b7f2c05fe124/css-pseudo/Overview.bs#l664" title="b7f2c05fe124: [css-pseudo] Add ::marker per WG resolution.">fantasai@15183</a> </td> <td class="lineno"> <a href="#l1221" id="l1221"> 1221</a> </td> <td class="source"><h3 id="marker-pseudo"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b7f2c05fe124/css-pseudo/Overview.bs#l665" title="b7f2c05fe124: [css-pseudo] Add ::marker per WG resolution.">fantasai@15183</a> </td> <td class="lineno"> <a href="#l1222" id="l1222"> 1222</a> </td> <td class="source">List Markers: the ''::marker'' pseudo-element</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b7f2c05fe124/css-pseudo/Overview.bs#l666" title="b7f2c05fe124: [css-pseudo] Add ::marker per WG resolution.">fantasai@15183</a> </td> <td class="lineno"> <a href="#l1223" id="l1223"> 1223</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b7f2c05fe124/css-pseudo/Overview.bs#l667" title="b7f2c05fe124: [css-pseudo] Add ::marker per WG resolution.">fantasai@15183</a> </td> <td class="lineno"> <a href="#l1224" id="l1224"> 1224</a> </td> <td class="source"> The <dfn>::marker</dfn> pseudo-element represents </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/353e79190733/css-pseudo-4/Overview.bs#l734" title="353e79190733: [css-pseudo-4] Clarify that the marker of a list-item ::before/::after pseudo-element can be selected, but not with '::marker' because that expands to '*::marker' and * doesn't match pseudos. #3826 #3766">fantasai@23545</a> </td> <td class="lineno"> <a href="#l1225" id="l1225"> 1225</a> </td> <td class="source"> the automatically generated [=marker box=] of a [=list item=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/353e79190733/css-pseudo-4/Overview.bs#l735" title="353e79190733: [css-pseudo-4] Clarify that the marker of a list-item ::before/::after pseudo-element can be selected, but not with '::marker' because that expands to '*::marker' and * doesn't match pseudos. #3826 #3766">fantasai@23545</a> </td> <td class="lineno"> <a href="#l1226" id="l1226"> 1226</a> </td> <td class="source"> (See [[CSS-DISPLAY-3]] and [[CSS-LISTS-3]].) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b7f2c05fe124/css-pseudo/Overview.bs#l670" title="b7f2c05fe124: [css-pseudo] Add ::marker per WG resolution.">fantasai@15183</a> </td> <td class="lineno"> <a href="#l1227" id="l1227"> 1227</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l844" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1228" id="l1228"> 1228</a> </td> <td class="source">  </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l846" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1230" id="l1230"> 1230</a> </td> <td class="source"> The contents of a ''::marker'' are ignored (not selected) by ''::first-letter''. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l847" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1231" id="l1231"> 1231</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l848" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1232" id="l1232"> 1232</a> </td> <td class="source"> ISSUE: Interaction of ''::marker'' and ''::first-line'' is currently under discussion in <a href='https://github.com/w3c/csswg-drafts/issues/4506'>Issue 4506</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/751481767952/css-pseudo-4/Overview.bs#l847" title="751481767952: [css-pseudo-4] Define interaction of ::marker and ::first-line/::first-letter. #1442">fantasai@25993</a> </td> <td class="lineno"> <a href="#l1233" id="l1233"> 1233</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1234" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1234" id="l1234"> 1234</a> </td> <td class="source"> ''::marker'' is a [=tree-abiding pseudo-element=], </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1235" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1235" id="l1235"> 1235</a> </td> <td class="source"> but not [=part-like pseudo-element|part-like=]; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1236" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1236" id="l1236"> 1236</a> </td> <td class="source"> only a limited set of properties can be used on the ''::marker'' pseudo-element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3da90a845a4e/css-pseudo-4/Overview.bs#l782" title="3da90a845a4e: [css-lists-3][css-pseudo-4] Move list of properties applying to ::marker to css-lists-3 since it's more tied to the evolution of marker layout than the pseudo element model.">fantasai@25480</a> </td> <td class="lineno"> <a href="#l1237" id="l1237"> 1237</a> </td> <td class="source"> This list is defined in [[css-lists-3#marker-properties]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/353e79190733/css-pseudo-4/Overview.bs#l766" title="353e79190733: [css-pseudo-4] Clarify that the marker of a list-item ::before/::after pseudo-element can be selected, but not with '::marker' because that expands to '*::marker' and * doesn't match pseudos. #3826 #3766">fantasai@23545</a> </td> <td class="lineno"> <a href="#l1238" id="l1238"> 1238</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f2fc26e8900e/css-pseudo-4/Overview.bs#l851" title="f2fc26e8900e: [css-pseudo-4] Specify ::marker::marker as invalid, define that display loses its 'list-item'. https://github.com/w3c/csswg-drafts/issues/1793#issuecomment-708072107">fantasai@26157</a> </td> <td class="lineno"> <a href="#l1239" id="l1239"> 1239</a> </td> <td class="source"> The ''::before::marker'' or ''::after::marker'' selectors </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f2fc26e8900e/css-pseudo-4/Overview.bs#l852" title="f2fc26e8900e: [css-pseudo-4] Specify ::marker::marker as invalid, define that display loses its 'list-item'. https://github.com/w3c/csswg-drafts/issues/1793#issuecomment-708072107">fantasai@26157</a> </td> <td class="lineno"> <a href="#l1240" id="l1240"> 1240</a> </td> <td class="source"> are valid and </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/1a94ba15222e/css-pseudo-4/Overview.bs#l852" title="1a94ba15222e: [css-pseudo-4] Note that ::before/::after can have attached ::marker. #1793">fantasai@25995</a> </td> <td class="lineno"> <a href="#l1241" id="l1241"> 1241</a> </td> <td class="source"> can be used to represent the [=marker boxes=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/1a94ba15222e/css-pseudo-4/Overview.bs#l853" title="1a94ba15222e: [css-pseudo-4] Note that ::before/::after can have attached ::marker. #1793">fantasai@25995</a> </td> <td class="lineno"> <a href="#l1242" id="l1242"> 1242</a> </td> <td class="source"> of ''::before'' or ''::after'' pseudo-elements that happen to be [=list items=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f2fc26e8900e/css-pseudo-4/Overview.bs#l855" title="f2fc26e8900e: [css-pseudo-4] Specify ::marker::marker as invalid, define that display loses its 'list-item'. https://github.com/w3c/csswg-drafts/issues/1793#issuecomment-708072107">fantasai@26157</a> </td> <td class="lineno"> <a href="#l1243" id="l1243"> 1243</a> </td> <td class="source"> However ''::marker::marker'' is invalid, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f2fc26e8900e/css-pseudo-4/Overview.bs#l856" title="f2fc26e8900e: [css-pseudo-4] Specify ::marker::marker as invalid, define that display loses its 'list-item'. https://github.com/w3c/csswg-drafts/issues/1793#issuecomment-708072107">fantasai@26157</a> </td> <td class="lineno"> <a href="#l1244" id="l1244"> 1244</a> </td> <td class="source"> and the computed value of 'display' on ''::marker'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8a517717a154/css-pseudo-4/Overview.bs#l923" title="8a517717a154: [css-pseudo-4][editorial] Improve wording for clarity">fantasai@28032</a> </td> <td class="lineno"> <a href="#l1245" id="l1245"> 1245</a> </td> <td class="source"> always loses any ''display/list-item'' aspect. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/1a94ba15222e/css-pseudo-4/Overview.bs#l854" title="1a94ba15222e: [css-pseudo-4] Note that ::before/::after can have attached ::marker. #1793">fantasai@25995</a> </td> <td class="lineno"> <a href="#l1246" id="l1246"> 1246</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l969" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l1247" id="l1247"> 1247</a> </td> <td class="source"> ISSUE: Should ''::marker'' also have ''::prefix'' and ''::postfix'' sub-elements? </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62c05920efca/css-pseudo-4/Overview.bs#l970" title="62c05920efca: [css-pseudo-4] Define ::prefix and ::postfix sub-elements of ::first-letter. #2040">fantasai@28033</a> </td> <td class="lineno"> <a href="#l1248" id="l1248"> 1248</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l660" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1249" id="l1249"> 1249</a> </td> <td class="source"><h3 id="placeholder-pseudo"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l661" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1250" id="l1250"> 1250</a> </td> <td class="source">Placeholder Input: the ''::placeholder'' pseudo-element</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l662" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1251" id="l1251"> 1251</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l663" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1252" id="l1252"> 1252</a> </td> <td class="source"> The <dfn>::placeholder</dfn> pseudo-element represents </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l664" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1253" id="l1253"> 1253</a> </td> <td class="source"> placeholder text in an input field: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l665" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1254" id="l1254"> 1254</a> </td> <td class="source"> text that represents the input </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l666" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1255" id="l1255"> 1255</a> </td> <td class="source"> and provides a hint to the user on how to fill out the form. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l667" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1256" id="l1256"> 1256</a> </td> <td class="source"> For example, a date-input field </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l668" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1257" id="l1257"> 1257</a> </td> <td class="source"> might have the placeholder text “YYYY/MM/DD” </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l669" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1258" id="l1258"> 1258</a> </td> <td class="source"> to clarify that numeric dates are to be entered in year-month-day order. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1259" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1259" id="l1259"> 1259</a> </td> <td class="source"> It is a [=tree-abiding pseudo-element=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l670" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1260" id="l1260"> 1260</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3b83afce054e/css-pseudo-4/Overview.bs#l1189" title="3b83afce054e: [css-pseudo-4] Copy placeholder example from selectors-4. #6669">fantasai@29347</a> </td> <td class="lineno"> <a href="#l1261" id="l1261"> 1261</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3b83afce054e/css-pseudo-4/Overview.bs#l1190" title="3b83afce054e: [css-pseudo-4] Copy placeholder example from selectors-4. #6669">fantasai@29347</a> </td> <td class="lineno"> <a href="#l1262" id="l1262"> 1262</a> </td> <td class="source"> For example, according to the semantics of [[HTML]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3b83afce054e/css-pseudo-4/Overview.bs#l1191" title="3b83afce054e: [css-pseudo-4] Copy placeholder example from selectors-4. #6669">fantasai@29347</a> </td> <td class="lineno"> <a href="#l1263" id="l1263"> 1263</a> </td> <td class="source"> the <{input/placeholder}> attribute on the <{input}> and <{textarea}> elements </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/37be69125365/css-pseudo-4/Overview.bs#l1192" title="37be69125365: [selectors-4][css-pseudo-4] Revert placeholder option example, since HTML doesn't include it atm. #2517">fantasai@29348</a> </td> <td class="lineno"> <a href="#l1264" id="l1264"> 1264</a> </td> <td class="source"> provide placeholder text. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3b83afce054e/css-pseudo-4/Overview.bs#l1194" title="3b83afce054e: [css-pseudo-4] Copy placeholder example from selectors-4. #6669">fantasai@29347</a> </td> <td class="lineno"> <a href="#l1265" id="l1265"> 1265</a> </td> <td class="source"> The ''::placeholder'' [=pseudo-element=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3b83afce054e/css-pseudo-4/Overview.bs#l1195" title="3b83afce054e: [css-pseudo-4] Copy placeholder example from selectors-4. #6669">fantasai@29347</a> </td> <td class="lineno"> <a href="#l1266" id="l1266"> 1266</a> </td> <td class="source"> represents such text when it is displayed. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3b83afce054e/css-pseudo-4/Overview.bs#l1196" title="3b83afce054e: [css-pseudo-4] Copy placeholder example from selectors-4. #6669">fantasai@29347</a> </td> <td class="lineno"> <a href="#l1267" id="l1267"> 1267</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3b83afce054e/css-pseudo-4/Overview.bs#l1197" title="3b83afce054e: [css-pseudo-4] Copy placeholder example from selectors-4. #6669">fantasai@29347</a> </td> <td class="lineno"> <a href="#l1268" id="l1268"> 1268</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a089a85bbe83/css-pseudo-4/Overview.bs#l739" title="a089a85bbe83: [css-pseudo-4] Cross-link to :placeholder-shown, note request to make ::placeholder apply to certain option elements. https://github.com/w3c/csswg-drafts/issues/2517">fantasai@22895</a> </td> <td class="lineno"> <a href="#l1269" id="l1269"> 1269</a> </td> <td class="source"> Note: There also exists a '':placeholder-shown'' pseudo-<em>class</em>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a089a85bbe83/css-pseudo-4/Overview.bs#l740" title="a089a85bbe83: [css-pseudo-4] Cross-link to :placeholder-shown, note request to make ::placeholder apply to certain option elements. https://github.com/w3c/csswg-drafts/issues/2517">fantasai@22895</a> </td> <td class="lineno"> <a href="#l1270" id="l1270"> 1270</a> </td> <td class="source"> which applies to (real) elements while they are showing placeholder text, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a089a85bbe83/css-pseudo-4/Overview.bs#l741" title="a089a85bbe83: [css-pseudo-4] Cross-link to :placeholder-shown, note request to make ::placeholder apply to certain option elements. https://github.com/w3c/csswg-drafts/issues/2517">fantasai@22895</a> </td> <td class="lineno"> <a href="#l1271" id="l1271"> 1271</a> </td> <td class="source"> and can be used to style such elements specially. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3b83afce054e/css-pseudo-4/Overview.bs#l1201" title="3b83afce054e: [css-pseudo-4] Copy placeholder example from selectors-4. #6669">fantasai@29347</a> </td> <td class="lineno"> <a href="#l1272" id="l1272"> 1272</a> </td> <td class="source"> ''::placeholder'' specifically represents the placeholder <em>text</em>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a089a85bbe83/css-pseudo-4/Overview.bs#l744" title="a089a85bbe83: [css-pseudo-4] Cross-link to :placeholder-shown, note request to make ::placeholder apply to certain option elements. https://github.com/w3c/csswg-drafts/issues/2517">fantasai@22895</a> </td> <td class="lineno"> <a href="#l1273" id="l1273"> 1273</a> </td> <td class="source"> and is thus relatively limited in its abilities. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a089a85bbe83/css-pseudo-4/Overview.bs#l745" title="a089a85bbe83: [css-pseudo-4] Cross-link to :placeholder-shown, note request to make ::placeholder apply to certain option elements. https://github.com/w3c/csswg-drafts/issues/2517">fantasai@22895</a> </td> <td class="lineno"> <a href="#l1274" id="l1274"> 1274</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l671" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1275" id="l1275"> 1275</a> </td> <td class="source"> All properties that apply to the ''::first-line'' pseudo-element </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l672" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1276" id="l1276"> 1276</a> </td> <td class="source"> also apply to the ''::placeholder'' pseudo-element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l673" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1277" id="l1277"> 1277</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3b83afce054e/css-pseudo-4/Overview.bs#l1207" title="3b83afce054e: [css-pseudo-4] Copy placeholder example from selectors-4. #6669">fantasai@29347</a> </td> <td class="lineno"> <a href="#l1278" id="l1278"> 1278</a> </td> <td class="source"> ISSUE(5379): Should [[CSS-INLINE-3]] properties be excluded? </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3b83afce054e/css-pseudo-4/Overview.bs#l1208" title="3b83afce054e: [css-pseudo-4] Copy placeholder example from selectors-4. #6669">fantasai@29347</a> </td> <td class="lineno"> <a href="#l1279" id="l1279"> 1279</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l674" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1280" id="l1280"> 1280</a> </td> <td class="source"> In interactive media, placeholder text is often hidden once the user has entered input; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l675" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1281" id="l1281"> 1281</a> </td> <td class="source"> however this is not a requirement, and both the input value and the placeholder text may be visible simultaneously. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l676" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1282" id="l1282"> 1282</a> </td> <td class="source"> The exact behavior is UA-defined. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l677" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1283" id="l1283"> 1283</a> </td> <td class="source"> Note that in static media (such as print) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l678" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1284" id="l1284"> 1284</a> </td> <td class="source"> placeholder text will be present even after the user has entered input. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l679" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1285" id="l1285"> 1285</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l689" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1286" id="l1286"> 1286</a> </td> <td class="source"> Issue: Authors seem to want 'text-align' on the list of supported properties. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l690" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1287" id="l1287"> 1287</a> </td> <td class="source"> See e.g. <a href="http://css-tricks.com/almanac/selectors/p/placeholder/">comments here</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l691" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1288" id="l1288"> 1288</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a089a85bbe83/css-pseudo-4/Overview.bs#l758" title="a089a85bbe83: [css-pseudo-4] Cross-link to :placeholder-shown, note request to make ::placeholder apply to certain option elements. https://github.com/w3c/csswg-drafts/issues/2517">fantasai@22895</a> </td> <td class="lineno"> <a href="#l1289" id="l1289"> 1289</a> </td> <td class="source"> Note: It's been requested that ''::placeholder'' also refer to </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a089a85bbe83/css-pseudo-4/Overview.bs#l759" title="a089a85bbe83: [css-pseudo-4] Cross-link to :placeholder-shown, note request to make ::placeholder apply to certain option elements. https://github.com/w3c/csswg-drafts/issues/2517">fantasai@22895</a> </td> <td class="lineno"> <a href="#l1290" id="l1290"> 1290</a> </td> <td class="source"> a placeholder which has a corresponding element in the element tree. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a089a85bbe83/css-pseudo-4/Overview.bs#l760" title="a089a85bbe83: [css-pseudo-4] Cross-link to :placeholder-shown, note request to make ::placeholder apply to certain option elements. https://github.com/w3c/csswg-drafts/issues/2517">fantasai@22895</a> </td> <td class="lineno"> <a href="#l1291" id="l1291"> 1291</a> </td> <td class="source"> It's not clear how this should work, but it may be worth doing. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a089a85bbe83/css-pseudo-4/Overview.bs#l761" title="a089a85bbe83: [css-pseudo-4] Cross-link to :placeholder-shown, note request to make ::placeholder apply to certain option elements. https://github.com/w3c/csswg-drafts/issues/2517">fantasai@22895</a> </td> <td class="lineno"> <a href="#l1292" id="l1292"> 1292</a> </td> <td class="source"> See <a href="https://github.com/w3c/csswg-drafts/issues/2517">Issue 2417</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a089a85bbe83/css-pseudo-4/Overview.bs#l762" title="a089a85bbe83: [css-pseudo-4] Cross-link to :placeholder-shown, note request to make ::placeholder apply to certain option elements. https://github.com/w3c/csswg-drafts/issues/2517">fantasai@22895</a> </td> <td class="lineno"> <a href="#l1293" id="l1293"> 1293</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3f554b6328fd/css-pseudo-4/Overview.bs#l894" title="3f554b6328fd: [css-pseudo] Add text for the ::file-selector-button pseudo-element.">emilio@26427</a> </td> <td class="lineno"> <a href="#l1294" id="l1294"> 1294</a> </td> <td class="source"><h3 id="file-selector-button-pseudo"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3f554b6328fd/css-pseudo-4/Overview.bs#l895" title="3f554b6328fd: [css-pseudo] Add text for the ::file-selector-button pseudo-element.">emilio@26427</a> </td> <td class="lineno"> <a href="#l1295" id="l1295"> 1295</a> </td> <td class="source">File Selector Button: the ''::file-selector-button'' pseudo-element</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3f554b6328fd/css-pseudo-4/Overview.bs#l896" title="3f554b6328fd: [css-pseudo] Add text for the ::file-selector-button pseudo-element.">emilio@26427</a> </td> <td class="lineno"> <a href="#l1296" id="l1296"> 1296</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1297" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1297" id="l1297"> 1297</a> </td> <td class="source"> The <dfn>::file-selector-button</dfn> pseudo-element </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1298" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1298" id="l1298"> 1298</a> </td> <td class="source"> targets the ''&lt;button>'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1299" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1299" id="l1299"> 1299</a> </td> <td class="source"> inside an ''&lt;input>'' element with <code>type=file</code>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1300" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1300" id="l1300"> 1300</a> </td> <td class="source"> if the UA renders such a button. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b470c6a4aafa/css-pseudo-4/Overview.bs#l1301" title="b470c6a4aafa: Define "part-like pseudo-element", from #10083. (#10199)">jackalmage@31264</a> </td> <td class="lineno"> <a href="#l1301" id="l1301"> 1301</a> </td> <td class="source"> It is a [=part-like pseudo-element=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3f554b6328fd/css-pseudo-4/Overview.bs#l900" title="3f554b6328fd: [css-pseudo] Add text for the ::file-selector-button pseudo-element.">emilio@26427</a> </td> <td class="lineno"> <a href="#l1302" id="l1302"> 1302</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3f554b6328fd/css-pseudo-4/Overview.bs#l901" title="3f554b6328fd: [css-pseudo] Add text for the ::file-selector-button pseudo-element.">emilio@26427</a> </td> <td class="lineno"> <a href="#l1303" id="l1303"> 1303</a> </td> <td class="source"> There is no restriction on which properties apply to the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3f554b6328fd/css-pseudo-4/Overview.bs#l902" title="3f554b6328fd: [css-pseudo] Add text for the ::file-selector-button pseudo-element.">emilio@26427</a> </td> <td class="lineno"> <a href="#l1304" id="l1304"> 1304</a> </td> <td class="source"> ''::file-selector-button'' pseudo-element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3f554b6328fd/css-pseudo-4/Overview.bs#l903" title="3f554b6328fd: [css-pseudo] Add text for the ::file-selector-button pseudo-element.">emilio@26427</a> </td> <td class="lineno"> <a href="#l1305" id="l1305"> 1305</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3f554b6328fd/css-pseudo-4/Overview.bs#l904" title="3f554b6328fd: [css-pseudo] Add text for the ::file-selector-button pseudo-element.">emilio@26427</a> </td> <td class="lineno"> <a href="#l1306" id="l1306"> 1306</a> </td> <td class="source"> <div class="example" id="file-selector-button-example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3f554b6328fd/css-pseudo-4/Overview.bs#l905" title="3f554b6328fd: [css-pseudo] Add text for the ::file-selector-button pseudo-element.">emilio@26427</a> </td> <td class="lineno"> <a href="#l1307" id="l1307"> 1307</a> </td> <td class="source"> For example, the following example should show a green border around the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3f554b6328fd/css-pseudo-4/Overview.bs#l906" title="3f554b6328fd: [css-pseudo] Add text for the ::file-selector-button pseudo-element.">emilio@26427</a> </td> <td class="lineno"> <a href="#l1308" id="l1308"> 1308</a> </td> <td class="source"> file selector button: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3f554b6328fd/css-pseudo-4/Overview.bs#l907" title="3f554b6328fd: [css-pseudo] Add text for the ::file-selector-button pseudo-element.">emilio@26427</a> </td> <td class="lineno"> <a href="#l1309" id="l1309"> 1309</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/020122abd6fa/css-pseudo-4/Overview.bs#l922" title="020122abd6fa: [css-pseudo-4] Improve markup">fantasai@26452</a> </td> <td class="lineno"> <a href="#l1310" id="l1310"> 1310</a> </td> <td class="source"> <pre class="lang-css">::file-selector-button { border: 3px solid green }</pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3f554b6328fd/css-pseudo-4/Overview.bs#l909" title="3f554b6328fd: [css-pseudo] Add text for the ::file-selector-button pseudo-element.">emilio@26427</a> </td> <td class="lineno"> <a href="#l1311" id="l1311"> 1311</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a089a85bbe83/css-pseudo-4/Overview.bs#l763" title="a089a85bbe83: [css-pseudo-4] Cross-link to :placeholder-shown, note request to make ::placeholder apply to certain option elements. https://github.com/w3c/csswg-drafts/issues/2517">fantasai@22895</a> </td> <td class="lineno"> <a href="#l1312" id="l1312"> 1312</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1313" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1313" id="l1313"> 1313</a> </td> <td class="source"><h3 id="details-content-pseudo"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1314" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1314" id="l1314"> 1314</a> </td> <td class="source">Expandable contents of details element: the ''::details-content'' pseudo-element</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1315" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1315" id="l1315"> 1315</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1316" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1316" id="l1316"> 1316</a> </td> <td class="source"> The <dfn>::details-content</dfn> pseudo-element targets </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1317" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1317" id="l1317"> 1317</a> </td> <td class="source"> the additional information in a a <{details}> element </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1318" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1318" id="l1318"> 1318</a> </td> <td class="source"> that can be expanded or collapsed. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1319" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1319" id="l1319"> 1319</a> </td> <td class="source"> It is a [=part-like pseudo-element=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1320" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1320" id="l1320"> 1320</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1321" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1321" id="l1321"> 1321</a> </td> <td class="source"> There is no restriction on which properties apply to the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1322" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1322" id="l1322"> 1322</a> </td> <td class="source"> ''::details-content'' pseudo-element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1323" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1323" id="l1323"> 1323</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1324" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1324" id="l1324"> 1324</a> </td> <td class="source"> <div class="example" id="details-content-example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1325" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1325" id="l1325"> 1325</a> </td> <td class="source"> For example, the following example would </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1326" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1326" id="l1326"> 1326</a> </td> <td class="source"> animate the opacity of the additional information </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1327" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1327" id="l1327"> 1327</a> </td> <td class="source"> when the <{details}> element opens: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1328" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1328" id="l1328"> 1328</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1329" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1329" id="l1329"> 1329</a> </td> <td class="source"> <pre class="lang-css">details::details-content { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1330" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1330" id="l1330"> 1330</a> </td> <td class="source"> opacity: 0; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1331" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1331" id="l1331"> 1331</a> </td> <td class="source"> transition: content-visibility 300ms allow-discrete step-end, opacity 300ms; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1332" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1332" id="l1332"> 1332</a> </td> <td class="source">} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1333" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1333" id="l1333"> 1333</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1334" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1334" id="l1334"> 1334</a> </td> <td class="source">details[open]::details-content { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1335" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1335" id="l1335"> 1335</a> </td> <td class="source"> opacity: 1; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1336" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1336" id="l1336"> 1336</a> </td> <td class="source"> transition: content-visibility 300ms allow-discrete step-start, opacity 300ms; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1337" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1337" id="l1337"> 1337</a> </td> <td class="source">}</pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1338" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1338" id="l1338"> 1338</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c59015f61ee/css-pseudo-4/Overview.bs#l1339" title="2c59015f61ee: Add ::details-content pseudo-element. (#10379)">dbaron@31265</a> </td> <td class="lineno"> <a href="#l1339" id="l1339"> 1339</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l692" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1340" id="l1340"> 1340</a> </td> <td class="source"><h2 id="interactions"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4393e7a47be2/css-pseudo/Overview.bs#l693" title="4393e7a47be2: [css-pseudo] Add in ::placeholder, per old WG resolution.">fantasai@15021</a> </td> <td class="lineno"> <a href="#l1341" id="l1341"> 1341</a> </td> <td class="source">Overlapping Pseudo-element Interactions</h2> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l466" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1342" id="l1342"> 1342</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l467" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1343" id="l1343"> 1343</a> </td> <td class="source"> <div class="example" id="overlapping-example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l468" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1344" id="l1344"> 1344</a> </td> <td class="source"> Recall that </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l469" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1345" id="l1345"> 1345</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l470" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1346" id="l1346"> 1346</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l471" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1347" id="l1347"> 1347</a> </td> <td class="source"> the contents of ''::before'' and ''::after'' are selected </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l472" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1348" id="l1348"> 1348</a> </td> <td class="source"> exactly as if they were normal elements in the document source tree </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l473" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1349" id="l1349"> 1349</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l474" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1350" id="l1350"> 1350</a> </td> <td class="source"> the ''::first-letter'' boundaries are tightly wrapped around the first letter text, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l475" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1351" id="l1351"> 1351</a> </td> <td class="source"> and ''::first-letter'' is constrained to exist solely on the first formatted line. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l476" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1352" id="l1352"> 1352</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dd0eb08c8e93/css-pseudo/Overview.bs#l740" title="dd0eb08c8e93: [css-pseudo] typo, and make example look better">jackalmage@18103</a> </td> <td class="lineno"> <a href="#l1353" id="l1353"> 1353</a> </td> <td class="source"> the ''::first-line'' start is inserted just inside the containing block's element boundary, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l478" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1354" id="l1354"> 1354</a> </td> <td class="source"> and its end after the close of all content on the line </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l479" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1355" id="l1355"> 1355</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l480" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1356" id="l1356"> 1356</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l481" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1357" id="l1357"> 1357</a> </td> <td class="source"> The following CSS and HTML example </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l482" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1358" id="l1358"> 1358</a> </td> <td class="source"> illustrates how overlapping pseudo-elements interact: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l483" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1359" id="l1359"> 1359</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f3626d37aea0/css-pseudo/Overview.bs#l747" title="f3626d37aea0: [css-pseudo] highlight examples">jackalmage@18104</a> </td> <td class="lineno"> <a href="#l1360" id="l1360"> 1360</a> </td> <td class="source"> <xmp class="lang-html"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f3626d37aea0/css-pseudo/Overview.bs#l748" title="f3626d37aea0: [css-pseudo] highlight examples">jackalmage@18104</a> </td> <td class="lineno"> <a href="#l1361" id="l1361"> 1361</a> </td> <td class="source"> <style> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l485" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1362" id="l1362"> 1362</a> </td> <td class="source"> p { color: red; font-size: 12pt } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l486" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1363" id="l1363"> 1363</a> </td> <td class="source"> p::first-letter { color: green; font-size: 200% } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l487" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1364" id="l1364"> 1364</a> </td> <td class="source"> p::first-line { color: blue } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f3626d37aea0/css-pseudo/Overview.bs#l752" title="f3626d37aea0: [css-pseudo] highlight examples">jackalmage@18104</a> </td> <td class="lineno"> <a href="#l1365" id="l1365"> 1365</a> </td> <td class="source"> </style> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-pseudo/Overview.bs#l720" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l1366" id="l1366"> 1366</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f3626d37aea0/css-pseudo/Overview.bs#l754" title="f3626d37aea0: [css-pseudo] highlight examples">jackalmage@18104</a> </td> <td class="lineno"> <a href="#l1367" id="l1367"> 1367</a> </td> <td class="source"> <p>Some text that ends up on two lines</p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f3626d37aea0/css-pseudo/Overview.bs#l755" title="f3626d37aea0: [css-pseudo] highlight examples">jackalmage@18104</a> </td> <td class="lineno"> <a href="#l1368" id="l1368"> 1368</a> </td> <td class="source"> </xmp> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l491" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1369" id="l1369"> 1369</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l492" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1370" id="l1370"> 1370</a> </td> <td class="source"> The first letter of each P element will be green with a font size of ’24pt'. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l493" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1371" id="l1371"> 1371</a> </td> <td class="source"> The rest of the first formatted line will be blue </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l494" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1372" id="l1372"> 1372</a> </td> <td class="source"> while the rest of the paragraph will be red. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l495" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1373" id="l1373"> 1373</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l496" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1374" id="l1374"> 1374</a> </td> <td class="source"> Assuming that a line break will occur before the word "ends", </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a30f4e794b8a/css-pseudo/Overview.bs#l769" title="a30f4e794b8a: [css-pseudo] Use <a>.">jackalmage@18100</a> </td> <td class="lineno"> <a href="#l1375" id="l1375"> 1375</a> </td> <td class="source"> the <a>fictional tag sequence</a> for this fragment might be: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f3626d37aea0/css-pseudo/Overview.bs#l763" title="f3626d37aea0: [css-pseudo] highlight examples">jackalmage@18104</a> </td> <td class="lineno"> <a href="#l1376" id="l1376"> 1376</a> </td> <td class="source"> <xmp class="lang-html"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dd0eb08c8e93/css-pseudo/Overview.bs#l762" title="dd0eb08c8e93: [css-pseudo] typo, and make example look better">jackalmage@18103</a> </td> <td class="lineno"> <a href="#l1377" id="l1377"> 1377</a> </td> <td class="source"> <p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dd0eb08c8e93/css-pseudo/Overview.bs#l763" title="dd0eb08c8e93: [css-pseudo] typo, and make example look better">jackalmage@18103</a> </td> <td class="lineno"> <a href="#l1378" id="l1378"> 1378</a> </td> <td class="source"> <p::first-line> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dd0eb08c8e93/css-pseudo/Overview.bs#l764" title="dd0eb08c8e93: [css-pseudo] typo, and make example look better">jackalmage@18103</a> </td> <td class="lineno"> <a href="#l1379" id="l1379"> 1379</a> </td> <td class="source"> <p::first-letter> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dd0eb08c8e93/css-pseudo/Overview.bs#l765" title="dd0eb08c8e93: [css-pseudo] typo, and make example look better">jackalmage@18103</a> </td> <td class="lineno"> <a href="#l1380" id="l1380"> 1380</a> </td> <td class="source"> S </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dd0eb08c8e93/css-pseudo/Overview.bs#l766" title="dd0eb08c8e93: [css-pseudo] typo, and make example look better">jackalmage@18103</a> </td> <td class="lineno"> <a href="#l1381" id="l1381"> 1381</a> </td> <td class="source"> </p::first-letter> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dd0eb08c8e93/css-pseudo/Overview.bs#l767" title="dd0eb08c8e93: [css-pseudo] typo, and make example look better">jackalmage@18103</a> </td> <td class="lineno"> <a href="#l1382" id="l1382"> 1382</a> </td> <td class="source"> ome text that </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dd0eb08c8e93/css-pseudo/Overview.bs#l768" title="dd0eb08c8e93: [css-pseudo] typo, and make example look better">jackalmage@18103</a> </td> <td class="lineno"> <a href="#l1383" id="l1383"> 1383</a> </td> <td class="source"> </p::first-line> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dd0eb08c8e93/css-pseudo/Overview.bs#l769" title="dd0eb08c8e93: [css-pseudo] typo, and make example look better">jackalmage@18103</a> </td> <td class="lineno"> <a href="#l1384" id="l1384"> 1384</a> </td> <td class="source"> ends up on two lines </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dd0eb08c8e93/css-pseudo/Overview.bs#l770" title="dd0eb08c8e93: [css-pseudo] typo, and make example look better">jackalmage@18103</a> </td> <td class="lineno"> <a href="#l1385" id="l1385"> 1385</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dd0eb08c8e93/css-pseudo/Overview.bs#l771" title="dd0eb08c8e93: [css-pseudo] typo, and make example look better">jackalmage@18103</a> </td> <td class="lineno"> <a href="#l1386" id="l1386"> 1386</a> </td> <td class="source"> </xmp> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e7c5111a69b/css-pseudo/Overview.bs#l508" title="7e7c5111a69b: [css-pseudo] Minor cleanup of overlap example.">fantasai@14706</a> </td> <td class="lineno"> <a href="#l1387" id="l1387"> 1387</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l447" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1388" id="l1388"> 1388</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l448" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1389" id="l1389"> 1389</a> </td> <td class="source"><h2 id="cssom"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l449" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1390" id="l1390"> 1390</a> </td> <td class="source">Additions to the CSS Object Model</h2> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l450" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1391" id="l1391"> 1391</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l458" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1392" id="l1392"> 1392</a> </td> <td class="source"><h3 id="CSSPseudoElement-interface"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b41927f5166a/css-pseudo-4/Overview.bs#l837" title="b41927f5166a: [css-pseudo-4] Clarify return value of element.pseudo() - identity is stable per element/type pair, returns null for unknown types. #3607 #3603">fantasai@23086</a> </td> <td class="lineno"> <a href="#l1393" id="l1393"> 1393</a> </td> <td class="source">{{CSSPseudoElement}} Interface</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l460" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1394" id="l1394"> 1394</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b37557e0264f/css-pseudo-4/Overview.bs#l839" title="b37557e0264f: [css-pseudo-4] fix up the code in section 6 to match current Bikeshed conventions">git@22978</a> </td> <td class="lineno"> <a href="#l1395" id="l1395"> 1395</a> </td> <td class="source"> The {{CSSPseudoElement}} interface </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/db8dfbf1b9c6/css-pseudo-4/Overview.bs#l840" title="db8dfbf1b9c6: [css-pseudo-4] Remove CSSPseudoElement .style attribute and support for other than ::before/::after. #3540 Also add/remove some notes about issues to reflect current status.">fantasai@22973</a> </td> <td class="lineno"> <a href="#l1396" id="l1396"> 1396</a> </td> <td class="source"> allows pseudo-elements to be event targets. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l476" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1397" id="l1397"> 1397</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l477" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1398" id="l1398"> 1398</a> </td> <td class="source"> <pre class="idl"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d49acaaf8eee/css-pseudo-4/Overview.bs#l823" title="d49acaaf8eee: Add [Exposed=Window] to interfaces">ericwilligers@20660</a> </td> <td class="lineno"> <a href="#l1399" id="l1399"> 1399</a> </td> <td class="source"> [Exposed=Window] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/303c8db6b126/css-pseudo-4/Overview.bs#l824" title="303c8db6b126: EventTarget is not a mixin">saschaplas@22962</a> </td> <td class="lineno"> <a href="#l1400" id="l1400"> 1400</a> </td> <td class="source"> interface CSSPseudoElement : EventTarget { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b37557e0264f/css-pseudo-4/Overview.bs#l845" title="b37557e0264f: [css-pseudo-4] fix up the code in section 6 to match current Bikeshed conventions">git@22978</a> </td> <td class="lineno"> <a href="#l1401" id="l1401"> 1401</a> </td> <td class="source"> readonly attribute CSSOMString type; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a479ad3ecacb/css-pseudo-4/Overview.bs#l841" title="a479ad3ecacb: [css-pseudo-4] Add CSSPseudoElement.element attribute">birtles@22892</a> </td> <td class="lineno"> <a href="#l1402" id="l1402"> 1402</a> </td> <td class="source"> readonly attribute Element element; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/16fb491e2837/css-pseudo-4/Overview.bs#l1196" title="16fb491e2837: [css-pseudo-4] Define CSSPseudoElement.parent (vs CSSPseudoElement.element) for sub-pseudo-elements #3836">fantasai@28058</a> </td> <td class="lineno"> <a href="#l1403" id="l1403"> 1403</a> </td> <td class="source"> readonly attribute (Element or CSSPseudoElement) parent; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f698ebe5f654/css-pseudo-4/Overview.bs#l1197" title="f698ebe5f654: [css-pseudo-4] Define CSSPseudoElement.pseudo() #3836">fantasai@28059</a> </td> <td class="lineno"> <a href="#l1404" id="l1404"> 1404</a> </td> <td class="source"> CSSPseudoElement? pseudo(CSSOMString type); </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l483" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1405" id="l1405"> 1405</a> </td> <td class="source"> }; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l486" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1406" id="l1406"> 1406</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l487" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1407" id="l1407"> 1407</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/624d425ee446/css-pseudo-4/Overview.bs#l1186" title="624d425ee446: [css-pseudo-4] Mark CSSPseudoElement interface under construction per https://github.com/w3c/csswg-drafts/issues/4619#issuecomment-763818225">fantasai@28052</a> </td> <td class="lineno"> <a href="#l1408" id="l1408"> 1408</a> </td> <td class="source"> ISSUE: This interface is under design development, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/624d425ee446/css-pseudo-4/Overview.bs#l1187" title="624d425ee446: [css-pseudo-4] Mark CSSPseudoElement interface under construction per https://github.com/w3c/csswg-drafts/issues/4619#issuecomment-763818225">fantasai@28052</a> </td> <td class="lineno"> <a href="#l1409" id="l1409"> 1409</a> </td> <td class="source"> and this draft is looking for feedback more than implementation. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/624d425ee446/css-pseudo-4/Overview.bs#l1188" title="624d425ee446: [css-pseudo-4] Mark CSSPseudoElement interface under construction per https://github.com/w3c/csswg-drafts/issues/4619#issuecomment-763818225">fantasai@28052</a> </td> <td class="lineno"> <a href="#l1410" id="l1410"> 1410</a> </td> <td class="source"> The CSSWG would particularly appreciate hearing about use cases and problems. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/624d425ee446/css-pseudo-4/Overview.bs#l1189" title="624d425ee446: [css-pseudo-4] Mark CSSPseudoElement interface under construction per https://github.com/w3c/csswg-drafts/issues/4619#issuecomment-763818225">fantasai@28052</a> </td> <td class="lineno"> <a href="#l1411" id="l1411"> 1411</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a479ad3ecacb/css-pseudo-4/Overview.bs#l848" title="a479ad3ecacb: [css-pseudo-4] Add CSSPseudoElement.element attribute">birtles@22892</a> </td> <td class="lineno"> <a href="#l1412" id="l1412"> 1412</a> </td> <td class="source"> The <dfn attribute for=CSSPseudoElement>type</dfn> attribute </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l497" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1413" id="l1413"> 1413</a> </td> <td class="source"> is a string representing the type of the pseudo-element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l498" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1414" id="l1414"> 1414</a> </td> <td class="source"> This can be one of the following values: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l499" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1415" id="l1415"> 1415</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l500" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1416" id="l1416"> 1416</a> </td> <td class="source"> <dl> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2dd6e86e5079/css-pseudo-4/Overview.bs#l855" title="2dd6e86e5079: [css-pseudo-4] Add ::marker to CSSPseudoElement. #3763">fantasai@23085</a> </td> <td class="lineno"> <a href="#l1417" id="l1417"> 1417</a> </td> <td class="source"> <dt><code>"::before"</code> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2dd6e86e5079/css-pseudo-4/Overview.bs#l856" title="2dd6e86e5079: [css-pseudo-4] Add ::marker to CSSPseudoElement. #3763">fantasai@23085</a> </td> <td class="lineno"> <a href="#l1418" id="l1418"> 1418</a> </td> <td class="source"> <dd>Represents the ''::before'' pseudo-element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2dd6e86e5079/css-pseudo-4/Overview.bs#l857" title="2dd6e86e5079: [css-pseudo-4] Add ::marker to CSSPseudoElement. #3763">fantasai@23085</a> </td> <td class="lineno"> <a href="#l1419" id="l1419"> 1419</a> </td> <td class="source"> <dt><code>"::after"</code> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2dd6e86e5079/css-pseudo-4/Overview.bs#l858" title="2dd6e86e5079: [css-pseudo-4] Add ::marker to CSSPseudoElement. #3763">fantasai@23085</a> </td> <td class="lineno"> <a href="#l1420" id="l1420"> 1420</a> </td> <td class="source"> <dd>Represents the ''::after'' pseudo-element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2dd6e86e5079/css-pseudo-4/Overview.bs#l859" title="2dd6e86e5079: [css-pseudo-4] Add ::marker to CSSPseudoElement. #3763">fantasai@23085</a> </td> <td class="lineno"> <a href="#l1421" id="l1421"> 1421</a> </td> <td class="source"> <dt><code>"::marker"</code> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2dd6e86e5079/css-pseudo-4/Overview.bs#l860" title="2dd6e86e5079: [css-pseudo-4] Add ::marker to CSSPseudoElement. #3763">fantasai@23085</a> </td> <td class="lineno"> <a href="#l1422" id="l1422"> 1422</a> </td> <td class="source"> <dd>Represents the ''::marker'' pseudo-element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l516" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1423" id="l1423"> 1423</a> </td> <td class="source"> </dl> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l517" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1424" id="l1424"> 1424</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a479ad3ecacb/css-pseudo-4/Overview.bs#l867" title="a479ad3ecacb: [css-pseudo-4] Add CSSPseudoElement.element attribute">birtles@22892</a> </td> <td class="lineno"> <a href="#l1425" id="l1425"> 1425</a> </td> <td class="source"> The <dfn attribute for=CSSPseudoElement>element</dfn> attribute is the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/16fb491e2837/css-pseudo-4/Overview.bs#l1218" title="16fb491e2837: [css-pseudo-4] Define CSSPseudoElement.parent (vs CSSPseudoElement.element) for sub-pseudo-elements #3836">fantasai@28058</a> </td> <td class="lineno"> <a href="#l1426" id="l1426"> 1426</a> </td> <td class="source"> [=ultimate originating element=] of the [=pseudo-element=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/16fb491e2837/css-pseudo-4/Overview.bs#l1219" title="16fb491e2837: [css-pseudo-4] Define CSSPseudoElement.parent (vs CSSPseudoElement.element) for sub-pseudo-elements #3836">fantasai@28058</a> </td> <td class="lineno"> <a href="#l1427" id="l1427"> 1427</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/16fb491e2837/css-pseudo-4/Overview.bs#l1220" title="16fb491e2837: [css-pseudo-4] Define CSSPseudoElement.parent (vs CSSPseudoElement.element) for sub-pseudo-elements #3836">fantasai@28058</a> </td> <td class="lineno"> <a href="#l1428" id="l1428"> 1428</a> </td> <td class="source"> The <dfn attribute for=CSSPseudoElement>parent</dfn> attribute is the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a479ad3ecacb/css-pseudo-4/Overview.bs#l868" title="a479ad3ecacb: [css-pseudo-4] Add CSSPseudoElement.element attribute">birtles@22892</a> </td> <td class="lineno"> <a href="#l1429" id="l1429"> 1429</a> </td> <td class="source"> [=originating element=] of the pseudo-element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/16fb491e2837/css-pseudo-4/Overview.bs#l1222" title="16fb491e2837: [css-pseudo-4] Define CSSPseudoElement.parent (vs CSSPseudoElement.element) for sub-pseudo-elements #3836">fantasai@28058</a> </td> <td class="lineno"> <a href="#l1430" id="l1430"> 1430</a> </td> <td class="source"> For most pseudo-elements </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/16fb491e2837/css-pseudo-4/Overview.bs#l1223" title="16fb491e2837: [css-pseudo-4] Define CSSPseudoElement.parent (vs CSSPseudoElement.element) for sub-pseudo-elements #3836">fantasai@28058</a> </td> <td class="lineno"> <a href="#l1431" id="l1431"> 1431</a> </td> <td class="source"> {{CSSPseudoElement/parent}} and {{CSSPseudoElement/element}} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/16fb491e2837/css-pseudo-4/Overview.bs#l1224" title="16fb491e2837: [css-pseudo-4] Define CSSPseudoElement.parent (vs CSSPseudoElement.element) for sub-pseudo-elements #3836">fantasai@28058</a> </td> <td class="lineno"> <a href="#l1432" id="l1432"> 1432</a> </td> <td class="source"> will return the same {{Element}}; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/16fb491e2837/css-pseudo-4/Overview.bs#l1225" title="16fb491e2837: [css-pseudo-4] Define CSSPseudoElement.parent (vs CSSPseudoElement.element) for sub-pseudo-elements #3836">fantasai@28058</a> </td> <td class="lineno"> <a href="#l1433" id="l1433"> 1433</a> </td> <td class="source"> for [=sub-pseudo-elements=], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/16fb491e2837/css-pseudo-4/Overview.bs#l1226" title="16fb491e2837: [css-pseudo-4] Define CSSPseudoElement.parent (vs CSSPseudoElement.element) for sub-pseudo-elements #3836">fantasai@28058</a> </td> <td class="lineno"> <a href="#l1434" id="l1434"> 1434</a> </td> <td class="source"> {{CSSPseudoElement/parent}} will return a {{CSSPseudoElement}} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/16fb491e2837/css-pseudo-4/Overview.bs#l1227" title="16fb491e2837: [css-pseudo-4] Define CSSPseudoElement.parent (vs CSSPseudoElement.element) for sub-pseudo-elements #3836">fantasai@28058</a> </td> <td class="lineno"> <a href="#l1435" id="l1435"> 1435</a> </td> <td class="source"> while {{CSSPseudoElement/element}} returns an {{Element}}. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6e0ad78239e2/css-pseudo/Overview.bs#l827" title="6e0ad78239e2: [css-pseudo] Add another issue about the CSSPseudoElement proposal.">dbaron@16751</a> </td> <td class="lineno"> <a href="#l1436" id="l1436"> 1436</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/22a42aafa928/css-pseudo-4/Overview.bs#l1341" title="22a42aafa928: [css-pseudo-4][editorial] Bikeshed fixes">fantasai@29355</a> </td> <td class="lineno"> <a href="#l1437" id="l1437"> 1437</a> </td> <td class="source"> The <dfn attribute for=CSSPseudoElement>pseudo(type)</dfn> method </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f698ebe5f654/css-pseudo-4/Overview.bs#l1231" title="f698ebe5f654: [css-pseudo-4] Define CSSPseudoElement.pseudo() #3836">fantasai@28059</a> </td> <td class="lineno"> <a href="#l1438" id="l1438"> 1438</a> </td> <td class="source"> returns the {{CSSPseudoElement}} interface </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f698ebe5f654/css-pseudo-4/Overview.bs#l1232" title="f698ebe5f654: [css-pseudo-4] Define CSSPseudoElement.pseudo() #3836">fantasai@28059</a> </td> <td class="lineno"> <a href="#l1439" id="l1439"> 1439</a> </td> <td class="source"> representing the [=sub-pseudo-element=] referenced in its argument, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f698ebe5f654/css-pseudo-4/Overview.bs#l1233" title="f698ebe5f654: [css-pseudo-4] Define CSSPseudoElement.pseudo() #3836">fantasai@28059</a> </td> <td class="lineno"> <a href="#l1440" id="l1440"> 1440</a> </td> <td class="source"> if such a [=sub-pseudo-element=] could exist and would be valid, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f698ebe5f654/css-pseudo-4/Overview.bs#l1234" title="f698ebe5f654: [css-pseudo-4] Define CSSPseudoElement.pseudo() #3836">fantasai@28059</a> </td> <td class="lineno"> <a href="#l1441" id="l1441"> 1441</a> </td> <td class="source"> and null otherwise. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/f698ebe5f654/css-pseudo-4/Overview.bs#l1235" title="f698ebe5f654: [css-pseudo-4] Define CSSPseudoElement.pseudo() #3836">fantasai@28059</a> </td> <td class="lineno"> <a href="#l1442" id="l1442"> 1442</a> </td> <td class="source"> See {{Element/pseudo()}} below. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/f698ebe5f654/css-pseudo-4/Overview.bs#l1236" title="f698ebe5f654: [css-pseudo-4] Define CSSPseudoElement.pseudo() #3836">fantasai@28059</a> </td> <td class="lineno"> <a href="#l1443" id="l1443"> 1443</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/db8dfbf1b9c6/css-pseudo-4/Overview.bs#l864" title="db8dfbf1b9c6: [css-pseudo-4] Remove CSSPseudoElement .style attribute and support for other than ::before/::after. #3540 Also add/remove some notes about issues to reflect current status.">fantasai@22973</a> </td> <td class="lineno"> <a href="#l1444" id="l1444"> 1444</a> </td> <td class="source"> Note: This interface may be extended in the future </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/db8dfbf1b9c6/css-pseudo-4/Overview.bs#l865" title="db8dfbf1b9c6: [css-pseudo-4] Remove CSSPseudoElement .style attribute and support for other than ::before/::after. #3540 Also add/remove some notes about issues to reflect current status.">fantasai@22973</a> </td> <td class="lineno"> <a href="#l1445" id="l1445"> 1445</a> </td> <td class="source"> to other pseudo-element types </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/db8dfbf1b9c6/css-pseudo-4/Overview.bs#l866" title="db8dfbf1b9c6: [css-pseudo-4] Remove CSSPseudoElement .style attribute and support for other than ::before/::after. #3540 Also add/remove some notes about issues to reflect current status.">fantasai@22973</a> </td> <td class="lineno"> <a href="#l1446" id="l1446"> 1446</a> </td> <td class="source"> and/or to allow setting style information </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b37557e0264f/css-pseudo-4/Overview.bs#l867" title="b37557e0264f: [css-pseudo-4] fix up the code in section 6 to match current Bikeshed conventions">git@22978</a> </td> <td class="lineno"> <a href="#l1447" id="l1447"> 1447</a> </td> <td class="source"> through a {{CSSStyleDeclaration}} <code>style</code> attribute. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/db8dfbf1b9c6/css-pseudo-4/Overview.bs#l868" title="db8dfbf1b9c6: [css-pseudo-4] Remove CSSPseudoElement .style attribute and support for other than ::before/::after. #3540 Also add/remove some notes about issues to reflect current status.">fantasai@22973</a> </td> <td class="lineno"> <a href="#l1448" id="l1448"> 1448</a> </td> <td class="source"> The current functionality is limited </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/db8dfbf1b9c6/css-pseudo-4/Overview.bs#l869" title="db8dfbf1b9c6: [css-pseudo-4] Remove CSSPseudoElement .style attribute and support for other than ::before/::after. #3540 Also add/remove some notes about issues to reflect current status.">fantasai@22973</a> </td> <td class="lineno"> <a href="#l1449" id="l1449"> 1449</a> </td> <td class="source"> to that which is needed to support [[web-animations-1]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-pseudo/Overview.bs#l807" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l1450" id="l1450"> 1450</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d49acaaf8eee/css-pseudo-4/Overview.bs#l898" title="d49acaaf8eee: Add [Exposed=Window] to interfaces">ericwilligers@20660</a> </td> <td class="lineno"> <a href="#l1451" id="l1451"> 1451</a> </td> <td class="source"><h3 id="window-interface"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b41927f5166a/css-pseudo-4/Overview.bs#l874" title="b41927f5166a: [css-pseudo-4] Clarify return value of element.pseudo() - identity is stable per element/type pair, returns null for unknown types. #3607 #3603">fantasai@23086</a> </td> <td class="lineno"> <a href="#l1452" id="l1452"> 1452</a> </td> <td class="source">{{pseudo()}} method of the {{Element}} interface</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3908f3feab00/css-pseudo/Overview.bs#l809" title="3908f3feab00: Switch everything over to using lt= rather than title=.">jackalmage@15132</a> </td> <td class="lineno"> <a href="#l1453" id="l1453"> 1453</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b37557e0264f/css-pseudo-4/Overview.bs#l874" title="b37557e0264f: [css-pseudo-4] fix up the code in section 6 to match current Bikeshed conventions">git@22978</a> </td> <td class="lineno"> <a href="#l1454" id="l1454"> 1454</a> </td> <td class="source"> A new method is added to the {{Element}} interface to retrieve </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d49acaaf8eee/css-pseudo-4/Overview.bs#l902" title="d49acaaf8eee: Add [Exposed=Window] to interfaces">ericwilligers@20660</a> </td> <td class="lineno"> <a href="#l1455" id="l1455"> 1455</a> </td> <td class="source"> pseudo-elements created by a given element for a given type: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l535" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1456" id="l1456"> 1456</a> </td> <td class="source"> <pre class="idl"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02f55d3c2b9d/css-pseudo-4/Overview.bs#l935" title="02f55d3c2b9d: [css-pseudo-4] Switch window.getPseudoElements(elem,type) to Element.pseudo(type). #3541">fantasai@22940</a> </td> <td class="lineno"> <a href="#l1457" id="l1457"> 1457</a> </td> <td class="source"> partial interface Element { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b37557e0264f/css-pseudo-4/Overview.bs#l878" title="b37557e0264f: [css-pseudo-4] fix up the code in section 6 to match current Bikeshed conventions">git@22978</a> </td> <td class="lineno"> <a href="#l1458" id="l1458"> 1458</a> </td> <td class="source"> CSSPseudoElement? pseudo(CSSOMString type); </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l543" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1459" id="l1459"> 1459</a> </td> <td class="source"> }; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l544" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1460" id="l1460"> 1460</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l545" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1461" id="l1461"> 1461</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l894" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1462" id="l1462"> 1462</a> </td> <td class="source"> <div algorithm> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l895" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1463" id="l1463"> 1463</a> </td> <td class="source"> The <dfn method for=Element title="pseudo(type)" id="dom-element-pseudo">pseudo(CSSOMString type)</dfn> method </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l896" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1464" id="l1464"> 1464</a> </td> <td class="source"> is used to retrieve the {{CSSPseudoElement}} instance </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/22a42aafa928/css-pseudo-4/Overview.bs#l1369" title="22a42aafa928: [css-pseudo-4][editorial] Bikeshed fixes">fantasai@29355</a> </td> <td class="lineno"> <a href="#l1465" id="l1465"> 1465</a> </td> <td class="source"> of the type matching {{Element/pseudo(type)/type!!argument}} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l898" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1466" id="l1466"> 1466</a> </td> <td class="source"> associated with the element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l899" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1467" id="l1467"> 1467</a> </td> <td class="source"> When it is called, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l900" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1468" id="l1468"> 1468</a> </td> <td class="source"> execute the following steps: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l901" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1469" id="l1469"> 1469</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/22a42aafa928/css-pseudo-4/Overview.bs#l1374" title="22a42aafa928: [css-pseudo-4][editorial] Bikeshed fixes">fantasai@29355</a> </td> <td class="lineno"> <a href="#l1470" id="l1470"> 1470</a> </td> <td class="source"> 1. [=CSS/Parse=] the {{Element/pseudo(type)/type!!argument}} argument as a <<pseudo-element-selector>>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l903" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1471" id="l1471"> 1471</a> </td> <td class="source"> and let |type| be the result. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l904" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1472" id="l1472"> 1472</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l905" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1473" id="l1473"> 1473</a> </td> <td class="source"> 2. If |type| is failure, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l906" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1474" id="l1474"> 1474</a> </td> <td class="source"> return null. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l907" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1475" id="l1475"> 1475</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l908" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1476" id="l1476"> 1476</a> </td> <td class="source"> 3. Otherwise, return the {{CSSPseudoElement}} object </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l909" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1477" id="l1477"> 1477</a> </td> <td class="source"> representing the pseudo-element </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l910" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1478" id="l1478"> 1478</a> </td> <td class="source"> that would match the selector |type| </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l911" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1479" id="l1479"> 1479</a> </td> <td class="source"> with [=this=] as its [=originating element=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l912" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1480" id="l1480"> 1480</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l913" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1481" id="l1481"> 1481</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l914" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1482" id="l1482"> 1482</a> </td> <td class="source"> Return values that represent the same [=pseudo-element=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l915" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1483" id="l1483"> 1483</a> </td> <td class="source"> on the same [=originating element=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l916" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1484" id="l1484"> 1484</a> </td> <td class="source"> must be, insofar as observable, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/72d88c760ce8/css-pseudo-4/Overview.bs#l917" title="72d88c760ce8: [css-pseudo-4] Define that pseudo(type) does a CSS-parse of the argument, and clarify the wording around always returning the same object. Fixes #3603.">jackalmage@23283</a> </td> <td class="lineno"> <a href="#l1485" id="l1485"> 1485</a> </td> <td class="source"> always the same {{CSSPseudoElement}} object. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b41927f5166a/css-pseudo-4/Overview.bs#l891" title="b41927f5166a: [css-pseudo-4] Clarify return value of element.pseudo() - identity is stable per element/type pair, returns null for unknown types. #3607 #3603">fantasai@23086</a> </td> <td class="lineno"> <a href="#l1486" id="l1486"> 1486</a> </td> <td class="source"> (The UA may drop or regenerate the object for convenience or performance </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b41927f5166a/css-pseudo-4/Overview.bs#l892" title="b41927f5166a: [css-pseudo-4] Clarify return value of element.pseudo() - identity is stable per element/type pair, returns null for unknown types. #3607 #3603">fantasai@23086</a> </td> <td class="lineno"> <a href="#l1487" id="l1487"> 1487</a> </td> <td class="source"> if this is not observable.) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l563" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1488" id="l1488"> 1488</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/db8dfbf1b9c6/css-pseudo-4/Overview.bs#l891" title="db8dfbf1b9c6: [css-pseudo-4] Remove CSSPseudoElement .style attribute and support for other than ::before/::after. #3540 Also add/remove some notes about issues to reflect current status.">fantasai@22973</a> </td> <td class="lineno"> <a href="#l1489" id="l1489"> 1489</a> </td> <td class="source"> ISSUE: The identity, lifetime, and nullness of the return value </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/db8dfbf1b9c6/css-pseudo-4/Overview.bs#l892" title="db8dfbf1b9c6: [css-pseudo-4] Remove CSSPseudoElement .style attribute and support for other than ::before/::after. #3540 Also add/remove some notes about issues to reflect current status.">fantasai@22973</a> </td> <td class="lineno"> <a href="#l1490" id="l1490"> 1490</a> </td> <td class="source"> (and potential error cases) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b37557e0264f/css-pseudo-4/Overview.bs#l893" title="b37557e0264f: [css-pseudo-4] fix up the code in section 6 to match current Bikeshed conventions">git@22978</a> </td> <td class="lineno"> <a href="#l1491" id="l1491"> 1491</a> </td> <td class="source"> of the {{pseudo()}} method is still under discussion. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/db8dfbf1b9c6/css-pseudo-4/Overview.bs#l894" title="db8dfbf1b9c6: [css-pseudo-4] Remove CSSPseudoElement .style attribute and support for other than ::before/::after. #3540 Also add/remove some notes about issues to reflect current status.">fantasai@22973</a> </td> <td class="lineno"> <a href="#l1492" id="l1492"> 1492</a> </td> <td class="source"> See <a href="https://github.com/w3c/csswg-drafts/issues/3607">Issue 3607</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/db8dfbf1b9c6/css-pseudo-4/Overview.bs#l895" title="db8dfbf1b9c6: [css-pseudo-4] Remove CSSPseudoElement .style attribute and support for other than ::before/::after. #3540 Also add/remove some notes about issues to reflect current status.">fantasai@22973</a> </td> <td class="lineno"> <a href="#l1493" id="l1493"> 1493</a> </td> <td class="source"> and <a href="https://github.com/w3c/csswg-drafts/issues/3603">Issue 3603</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/db8dfbf1b9c6/css-pseudo-4/Overview.bs#l896" title="db8dfbf1b9c6: [css-pseudo-4] Remove CSSPseudoElement .style attribute and support for other than ::before/::after. #3540 Also add/remove some notes about issues to reflect current status.">fantasai@22973</a> </td> <td class="lineno"> <a href="#l1494" id="l1494"> 1494</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ecbdd5977b27/css-pseudo-4/Overview.bs#l1298" title="ecbdd5977b27: [css-pseudo] clarify highlight color:currentColor (closes #6818)">dazabani@28405</a> </td> <td class="lineno"> <a href="#l1495" id="l1495"> 1495</a> </td> <td class="source"><h3 id="getComputedStyle"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ecbdd5977b27/css-pseudo-4/Overview.bs#l1299" title="ecbdd5977b27: [css-pseudo] clarify highlight color:currentColor (closes #6818)">dazabani@28405</a> </td> <td class="lineno"> <a href="#l1496" id="l1496"> 1496</a> </td> <td class="source">{{Window/getComputedStyle()}}</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ecbdd5977b27/css-pseudo-4/Overview.bs#l1300" title="ecbdd5977b27: [css-pseudo] clarify highlight color:currentColor (closes #6818)">dazabani@28405</a> </td> <td class="lineno"> <a href="#l1497" id="l1497"> 1497</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/22a42aafa928/css-pseudo-4/Overview.bs#l1402" title="22a42aafa928: [css-pseudo-4][editorial] Bikeshed fixes">fantasai@29355</a> </td> <td class="lineno"> <a href="#l1498" id="l1498"> 1498</a> </td> <td class="source">When the second parameter <var ignore>pseudoElt</var> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ecbdd5977b27/css-pseudo-4/Overview.bs#l1302" title="ecbdd5977b27: [css-pseudo] clarify highlight color:currentColor (closes #6818)">dazabani@28405</a> </td> <td class="lineno"> <a href="#l1499" id="l1499"> 1499</a> </td> <td class="source">refers to a [=highlight pseudo-element=], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ecbdd5977b27/css-pseudo-4/Overview.bs#l1303" title="ecbdd5977b27: [css-pseudo] clarify highlight color:currentColor (closes #6818)">dazabani@28405</a> </td> <td class="lineno"> <a href="#l1500" id="l1500"> 1500</a> </td> <td class="source">{{Window/getComputedStyle()}} returns styles </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ecbdd5977b27/css-pseudo-4/Overview.bs#l1304" title="ecbdd5977b27: [css-pseudo] clarify highlight color:currentColor (closes #6818)">dazabani@28405</a> </td> <td class="lineno"> <a href="#l1501" id="l1501"> 1501</a> </td> <td class="source">as if that highlight is active </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ecbdd5977b27/css-pseudo-4/Overview.bs#l1305" title="ecbdd5977b27: [css-pseudo] clarify highlight color:currentColor (closes #6818)">dazabani@28405</a> </td> <td class="lineno"> <a href="#l1502" id="l1502"> 1502</a> </td> <td class="source">and all other highlights are inactive. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ecbdd5977b27/css-pseudo-4/Overview.bs#l1306" title="ecbdd5977b27: [css-pseudo] clarify highlight color:currentColor (closes #6818)">dazabani@28405</a> </td> <td class="lineno"> <a href="#l1503" id="l1503"> 1503</a> </td> <td class="source">This avoids the potential </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ecbdd5977b27/css-pseudo-4/Overview.bs#l1307" title="ecbdd5977b27: [css-pseudo] clarify highlight color:currentColor (closes #6818)">dazabani@28405</a> </td> <td class="lineno"> <a href="#l1504" id="l1504"> 1504</a> </td> <td class="source">ambiguity and privacy risks of returning a result </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ecbdd5977b27/css-pseudo-4/Overview.bs#l1308" title="ecbdd5977b27: [css-pseudo] clarify highlight color:currentColor (closes #6818)">dazabani@28405</a> </td> <td class="lineno"> <a href="#l1505" id="l1505"> 1505</a> </td> <td class="source">that depends on the actual highlight state. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ecbdd5977b27/css-pseudo-4/Overview.bs#l1309" title="ecbdd5977b27: [css-pseudo] clarify highlight color:currentColor (closes #6818)">dazabani@28405</a> </td> <td class="lineno"> <a href="#l1506" id="l1506"> 1506</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5d9397b1458d/css-pseudo-4/Overview.bs#l926" title="5d9397b1458d: [css-pseudo-4] Single-colon syntax applies also to ::first-letter and ::first-line. Fixes #2150">fantasai@22818</a> </td> <td class="lineno"> <a href="#l1507" id="l1507"> 1507</a> </td> <td class="source"><h2 id="css2-compat"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d0884d299710/css-pseudo-4/Overview.bs#l954" title="d0884d299710: [css-pseudo-4] Compatibilit{iy -> y}">Fayti1703@25779</a> </td> <td class="lineno"> <a href="#l1508" id="l1508"> 1508</a> </td> <td class="source">Compatibility Syntax</h2> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l566" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1509" id="l1509"> 1509</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5a3a7b58ab22/css-pseudo-4/Overview.bs#l941" title="5a3a7b58ab22: [css-pseudo-4] Update biblio to contemporary format.">fantasai@24384</a> </td> <td class="lineno"> <a href="#l1510" id="l1510"> 1510</a> </td> <td class="source"> <p>For compatibility with existing style sheets written against CSS Level 2 [[CSS2]], </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5d9397b1458d/css-pseudo-4/Overview.bs#l930" title="5d9397b1458d: [css-pseudo-4] Single-colon syntax applies also to ::first-letter and ::first-line. Fixes #2150">fantasai@22818</a> </td> <td class="lineno"> <a href="#l1511" id="l1511"> 1511</a> </td> <td class="source"> user agents must also accept the previous one-colon notation </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5d9397b1458d/css-pseudo-4/Overview.bs#l931" title="5d9397b1458d: [css-pseudo-4] Single-colon syntax applies also to ::first-letter and ::first-line. Fixes #2150">fantasai@22818</a> </td> <td class="lineno"> <a href="#l1512" id="l1512"> 1512</a> </td> <td class="source"> (<code>:before</code>, <code>:after</code>, <code>:first-letter</code>, <code>:first-line</code>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5d9397b1458d/css-pseudo-4/Overview.bs#l932" title="5d9397b1458d: [css-pseudo-4] Single-colon syntax applies also to ::first-letter and ::first-line. Fixes #2150">fantasai@22818</a> </td> <td class="lineno"> <a href="#l1513" id="l1513"> 1513</a> </td> <td class="source"> for the ''::before'', ''::after'', ''::first-letter'', and ''::first-line'' pseudo-elements. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l581" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1514" id="l1514"> 1514</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fb2cc047b8f5/css-pseudo/Overview.bs#l912" title="fb2cc047b8f5: [css-pseudo] Add changes section">fantasai@17797</a> </td> <td class="lineno"> <a href="#l1515" id="l1515"> 1515</a> </td> <td class="source"><h2 class="no-num" id="changes"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fb2cc047b8f5/css-pseudo/Overview.bs#l913" title="fb2cc047b8f5: [css-pseudo] Add changes section">fantasai@17797</a> </td> <td class="lineno"> <a href="#l1516" id="l1516"> 1516</a> </td> <td class="source">Changes</h2> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fb2cc047b8f5/css-pseudo/Overview.bs#l914" title="fb2cc047b8f5: [css-pseudo] Add changes section">fantasai@17797</a> </td> <td class="lineno"> <a href="#l1517" id="l1517"> 1517</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1422" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1518" id="l1518"> 1518</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1423" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1519" id="l1519"> 1519</a> </td> <td class="source"> Significant changes since the <a href="https://www.w3.org/TR/2020/WD-css-pseudo-4-20201231/">31 December 2020 Working Draft</a> include: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2dd6e86e5079/css-pseudo-4/Overview.bs#l911" title="2dd6e86e5079: [css-pseudo-4] Add ::marker to CSSPseudoElement. #3763">fantasai@23085</a> </td> <td class="lineno"> <a href="#l1520" id="l1520"> 1520</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2dd6e86e5079/css-pseudo-4/Overview.bs#l912" title="2dd6e86e5079: [css-pseudo-4] Add ::marker to CSSPseudoElement. #3763">fantasai@23085</a> </td> <td class="lineno"> <a href="#l1521" id="l1521"> 1521</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1302" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1522" id="l1522"> 1522</a> </td> <td class="source"> <li>Added ''::first-letter::prefix'' and ''::first-letter::postfix'' [=sub-pseudo-elements=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1303" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1523" id="l1523"> 1523</a> </td> <td class="source"> to address punctuation associated with the ''::first-letter'' [=pseudo-element=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1304" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1524" id="l1524"> 1524</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/2040">Issue 2040</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1429" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1525" id="l1525"> 1525</a> </td> <td class="source"> <li>Fine-tuned the [=first-letter text=] pattern: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1430" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1526" id="l1526"> 1526</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1431" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1527" id="l1527"> 1527</a> </td> <td class="source"> <li>Excluded word-separating spaces from [=first-letter text=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1432" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1528" id="l1528"> 1528</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/5830">Issue 5830</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1433" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1529" id="l1529"> 1529</a> </td> <td class="source"> <li>Excluded dashes and opening punctuation from following punctuation. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1434" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1530" id="l1530"> 1530</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/5830">Issue 5830</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1435" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1531" id="l1531"> 1531</a> </td> <td class="source"> <li>Allowed symbols to represent the [=first letter=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1436" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1532" id="l1532"> 1532</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/5099">Issue 5099</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1437" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1533" id="l1533"> 1533</a> </td> <td class="source"> <li>Clarified that the [=first-letter text=] is truncated by a line break. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1438" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1534" id="l1534"> 1534</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/2254">Issue 2254</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1439" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1535" id="l1535"> 1535</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1311" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1536" id="l1536"> 1536</a> </td> <td class="source"> <li>Rewrote and clarified definition of '':first-letter'', and improved examples and notes. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1312" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1537" id="l1537"> 1537</a> </td> <td class="source"> <li>Rewrote and clarified definition of ''::first-line'', and improved examples. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1442" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1538" id="l1538"> 1538</a> </td> <td class="source"> <li>Defined application of 'line-height' to ''::first-line''. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1443" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1539" id="l1539"> 1539</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/2282">Issue 2282</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1314" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1540" id="l1540"> 1540</a> </td> <td class="source"> <li>Defined box structure interaction of ''::first-line'' and ''::first-letter''. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1445" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1541" id="l1541"> 1541</a> </td> <td class="source"> <li>Defined hierarchy order of ''::first-line'' and the [=root inline box=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1446" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1542" id="l1542"> 1542</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/1384">Issue 1384</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1447" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1543" id="l1543"> 1543</a> </td> <td class="source"> <li>Clarified [[#paired-defaults|paired default]] behavior of [=highlight pseudo-element=] 'color' and 'background-color'. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1448" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1544" id="l1544"> 1544</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/6386">Issue 6386</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1449" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1545" id="l1545"> 1545</a> </td> <td class="source"> <a href="https://github.com/w3c/csswg-drafts/issues/6774">Issue 6774</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1450" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1546" id="l1546"> 1546</a> </td> <td class="source"> <a href="https://github.com/w3c/csswg-drafts/issues/6779">Issue 6779</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1451" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1547" id="l1547"> 1547</a> </td> <td class="source"> <a href="https://github.com/w3c/csswg-drafts/issues/7837">Issue 7837</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1452" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1548" id="l1548"> 1548</a> </td> <td class="source"> <li>Defined application of [=forced colors mode=] to [=highlight pseudo-elements=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1453" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1549" id="l1549"> 1549</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/7264">Issue 7264</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1454" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1550" id="l1550"> 1550</a> </td> <td class="source"> <li>Clarified painting order, propagation, and application of [=highlight pseudo-element=] text decorations. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1455" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1551" id="l1551"> 1551</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/6022">Issue 6022</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1456" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1552" id="l1552"> 1552</a> </td> <td class="source"> <a href="https://github.com/w3c/csswg-drafts/issues/6829">Issue 6829</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1457" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1553" id="l1553"> 1553</a> </td> <td class="source"> <a href="https://github.com/w3c/csswg-drafts/issues/7101">Issue 7101</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1316" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1554" id="l1554"> 1554</a> </td> <td class="source"> <li>Removed 'caret-color' and 'cursor' from applying to [=highlight pseudo-elements=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1317" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1555" id="l1555"> 1555</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/4100">Issue 4100</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1460" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1556" id="l1556"> 1556</a> </td> <td class="source"> <li>Clarified interaction of [=highlight pseudo-elements=] and {{Window/getComputedStyle()}}. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1461" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1557" id="l1557"> 1557</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/6818">Issue 6818</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1462" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1558" id="l1558"> 1558</a> </td> <td class="source"> <li>Clarified application of [=custom properties=] to [=pseudo-elements=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1463" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1559" id="l1559"> 1559</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/6264">Issue 6264</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1464" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1560" id="l1560"> 1560</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ab36d1b92376/css-pseudo-4/Overview.bs#l1465" title="ab36d1b92376: [css-pseudo-4] Update Changes list">fantasai@29351</a> </td> <td class="lineno"> <a href="#l1561" id="l1561"> 1561</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1318" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1562" id="l1562"> 1562</a> </td> <td class="source"> <li>Extended the {{CSSPseudoElement}} interface </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1319" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1563" id="l1563"> 1563</a> </td> <td class="source"> with a {{CSSPseudoElement/parent}} attribute </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1320" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1564" id="l1564"> 1564</a> </td> <td class="source"> and {{CSSPseudoElement/pseudo()}} method </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1321" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1565" id="l1565"> 1565</a> </td> <td class="source"> to address [=sub-pseudo-elements=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1322" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1566" id="l1566"> 1566</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/3836">Issue 3836</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6f79199603e1/css-pseudo-4/Overview.bs#l1514" title="6f79199603e1: [css-pseudo-4] Add change log">schenney@30544</a> </td> <td class="lineno"> <a href="#l1567" id="l1567"> 1567</a> </td> <td class="source"> <li>Defined the behavior when custom property values are not found in the </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6f79199603e1/css-pseudo-4/Overview.bs#l1515" title="6f79199603e1: [css-pseudo-4] Add change log">schenney@30544</a> </td> <td class="lineno"> <a href="#l1568" id="l1568"> 1568</a> </td> <td class="source"> highlight cascade; they are taken from the root. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6f79199603e1/css-pseudo-4/Overview.bs#l1516" title="6f79199603e1: [css-pseudo-4] Add change log">schenney@30544</a> </td> <td class="lineno"> <a href="#l1569" id="l1569"> 1569</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/6641">Issue 6641</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1323" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1570" id="l1570"> 1570</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1324" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1571" id="l1571"> 1571</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1325" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1572" id="l1572"> 1572</a> </td> <td class="source"> Significant changes since the <a href="https://www.w3.org/TR/2019/WD-css-pseudo-4-20190225/">25 February 2019 Working Draft</a> include: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1326" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1573" id="l1573"> 1573</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c9ba6b39210/css-pseudo-4/Overview.bs#l1327" title="2c9ba6b39210: [css-pseudo-4] Update Changes list">fantasai@28060</a> </td> <td class="lineno"> <a href="#l1574" id="l1574"> 1574</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7e268bc1606e/css-pseudo-4/Overview.bs#l1025" title="7e268bc1606e: [css-pseudo-4] Add ::target-text pseudo-element per WG resolution.">fantasai@25987</a> </td> <td class="lineno"> <a href="#l1575" id="l1575"> 1575</a> </td> <td class="source"> <li>Added ''::target-text'' pseudo-element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l1061" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1576" id="l1576"> 1576</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/5522">Issue 5522</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ba24204a98e7/css-pseudo-4/Overview.bs#l1057" title="ba24204a98e7: [css-lists-3] Remove ::inactive-selection; investigate mediaquery instead. #4579">fantasai@26438</a> </td> <td class="lineno"> <a href="#l1577" id="l1577"> 1577</a> </td> <td class="source"> <li>Removed ''::inactive-selection''. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ba24204a98e7/css-pseudo-4/Overview.bs#l1058" title="ba24204a98e7: [css-lists-3] Remove ::inactive-selection; investigate mediaquery instead. #4579">fantasai@26438</a> </td> <td class="lineno"> <a href="#l1578" id="l1578"> 1578</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/4579">Issue 4579</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l1064" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1579" id="l1579"> 1579</a> </td> <td class="source"> <li>Added ''::file-selectors-button'' pseudo-element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l1065" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1580" id="l1580"> 1580</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/5049">Issue 5049</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l1066" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1581" id="l1581"> 1581</a> </td> <td class="source"> <li>Adjusted rules for inheritance of properties from ''::first-line'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l1067" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1582" id="l1582"> 1582</a> </td> <td class="source"> to handle inheritable vs non-inheritable properties differently, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l1068" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1583" id="l1583"> 1583</a> </td> <td class="source"> specifically excluded applicability of properties that control [=writing mode=] because they affect the cascade, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l1069" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1584" id="l1584"> 1584</a> </td> <td class="source"> and defined interaction with custom properties. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8d5e57ad0a22/css-pseudo-4/Overview.bs#l1006" title="8d5e57ad0a22: [css-pseudo-4] Better definition of inheritance from ::first-line per #1097">fantasai@25820</a> </td> <td class="lineno"> <a href="#l1585" id="l1585"> 1585</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/1097">Issue 1097</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a3c16903d92a/css-pseudo-4/Overview.bs#l955" title="a3c16903d92a: [css-ruby-1][css-pseudo-4] Apply ruby-position to ::first-line per https://github.com/w3c/csswg-drafts/issues/2998">fantasai@24382</a> </td> <td class="lineno"> <a href="#l1586" id="l1586"> 1586</a> </td> <td class="source"> <li>Added 'ruby-position' to properties allowed on ''::first-line'', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a3c16903d92a/css-pseudo-4/Overview.bs#l956" title="a3c16903d92a: [css-ruby-1][css-pseudo-4] Apply ruby-position to ::first-line per https://github.com/w3c/csswg-drafts/issues/2998">fantasai@24382</a> </td> <td class="lineno"> <a href="#l1587" id="l1587"> 1587</a> </td> <td class="source"> analogous with 'text-emphasis-position'. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a3c16903d92a/css-pseudo-4/Overview.bs#l957" title="a3c16903d92a: [css-ruby-1][css-pseudo-4] Apply ruby-position to ::first-line per https://github.com/w3c/csswg-drafts/issues/2998">fantasai@24382</a> </td> <td class="lineno"> <a href="#l1588" id="l1588"> 1588</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/2998">Issue 2998</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l1074" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1589" id="l1589"> 1589</a> </td> <td class="source"> <li>Included spaces between the first letter and its surrounding punctuation in ''::first-letter''. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l1075" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1590" id="l1590"> 1590</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/5154">Issue 5154</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l1076" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1591" id="l1591"> 1591</a> </td> <td class="source"> <li>Defined interaction of ''::marker'' and ''::first-letter''. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l1077" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1592" id="l1592"> 1592</a> </td> <td class="source"> <li>Made ''::before::marker'' and ''::after::marker'' valid. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7230efbedb81/css-pseudo-4/Overview.bs#l1078" title="7230efbedb81: [css-pseudo-4] Fix/add links.">fantasai@26440</a> </td> <td class="lineno"> <a href="#l1593" id="l1593"> 1593</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/1793">Issue 1793</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7230efbedb81/css-pseudo-4/Overview.bs#l1079" title="7230efbedb81: [css-pseudo-4] Fix/add links.">fantasai@26440</a> </td> <td class="lineno"> <a href="#l1594" id="l1594"> 1594</a> </td> <td class="source"> <li>Moved the <a href="https://www.w3.org/TR/css-lists-3/#marker-properties">list of properties</a> applying to ''::marker'' to [[CSS-LISTS-3]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7230efbedb81/css-pseudo-4/Overview.bs#l1080" title="7230efbedb81: [css-pseudo-4] Fix/add links.">fantasai@26440</a> </td> <td class="lineno"> <a href="#l1595" id="l1595"> 1595</a> </td> <td class="source"> (also adding 'content', 'unicode-bidi', and 'direction'). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l1080" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1596" id="l1596"> 1596</a> </td> <td class="source"> <li>Added ''::marker'' to types allowed for {{CSSPseudoElement}} interface. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7230efbedb81/css-pseudo-4/Overview.bs#l1082" title="7230efbedb81: [css-pseudo-4] Fix/add links.">fantasai@26440</a> </td> <td class="lineno"> <a href="#l1597" id="l1597"> 1597</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/3763">Issue 3763</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l1081" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1598" id="l1598"> 1598</a> </td> <td class="source"> <li>Clarified return value of {{pseudo()}}. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7230efbedb81/css-pseudo-4/Overview.bs#l1084" title="7230efbedb81: [css-pseudo-4] Fix/add links.">fantasai@26440</a> </td> <td class="lineno"> <a href="#l1599" id="l1599"> 1599</a> </td> <td class="source"> (Issues <a href="https://github.com/w3c/csswg-drafts/issues/3603">3603</a> and <a href="https://github.com/w3c/csswg-drafts/issues/3607">3607</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cea55cff76db/css-pseudo-4/Overview.bs#l976" title="cea55cff76db: [css-pseudo-4] Allow overlay on inline-level boxes to cover its portion of the line box. #5395">fantasai@25808</a> </td> <td class="lineno"> <a href="#l1600" id="l1600"> 1600</a> </td> <td class="source"> <li>Allowed highlight overlay of inline-level boxes to extend to the line box edges. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/612a2987c2b7/css-pseudo-4/Overview.bs#l1087" title="612a2987c2b7: [css-pseudo-4] Publication fixes.">fantasai@26442</a> </td> <td class="lineno"> <a href="#l1601" id="l1601"> 1601</a> </td> <td class="source"> (Issues <a href="https://github.com/w3c/csswg-drafts/issues/5395">5395</a> and <a href="https://github.com/w3c/csswg-drafts/issues/4624">4624</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l1084" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1602" id="l1602"> 1602</a> </td> <td class="source"> <li>Clarified that ''currentColor'' on a [=highlight pseudo-element=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b236a1f4d1f2/css-pseudo-4/Overview.bs#l985" title="b236a1f4d1f2: [css-pseudo-4] Clarify that fallback color of a highlight pseudo could come from ::first-line etc. #4625">fantasai@25810</a> </td> <td class="lineno"> <a href="#l1603" id="l1603"> 1603</a> </td> <td class="source"> uses the color that would be used if the text were not “highlighted”, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b236a1f4d1f2/css-pseudo-4/Overview.bs#l986" title="b236a1f4d1f2: [css-pseudo-4] Clarify that fallback color of a highlight pseudo could come from ::first-line etc. #4625">fantasai@25810</a> </td> <td class="lineno"> <a href="#l1604" id="l1604"> 1604</a> </td> <td class="source"> even if that color was provided by a pseudo-element like ''::first-line''. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b236a1f4d1f2/css-pseudo-4/Overview.bs#l987" title="b236a1f4d1f2: [css-pseudo-4] Clarify that fallback color of a highlight pseudo could come from ::first-line etc. #4625">fantasai@25810</a> </td> <td class="lineno"> <a href="#l1605" id="l1605"> 1605</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/4625">Issue 4625</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l1088" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1606" id="l1606"> 1606</a> </td> <td class="source"> <li>Defined how 'text-shadow' interacts with [=highlight pseudo-elements=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7230efbedb81/css-pseudo-4/Overview.bs#l1092" title="7230efbedb81: [css-pseudo-4] Fix/add links.">fantasai@26440</a> </td> <td class="lineno"> <a href="#l1607" id="l1607"> 1607</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/3932">Issue 3932</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2d12e9cf7a56/css-pseudo-4/Overview.bs#l1089" title="2d12e9cf7a56: [css-pseudo-4] Update Changes list.">fantasai@26439</a> </td> <td class="lineno"> <a href="#l1608" id="l1608"> 1608</a> </td> <td class="source"> <li>Improved the [[#highlight-ua-styles|default UA style sheet]] rules applying to highlight pseudo-elements. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2dd6e86e5079/css-pseudo-4/Overview.bs#l914" title="2dd6e86e5079: [css-pseudo-4] Add ::marker to CSSPseudoElement. #3763">fantasai@23085</a> </td> <td class="lineno"> <a href="#l1609" id="l1609"> 1609</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2dd6e86e5079/css-pseudo-4/Overview.bs#l915" title="2dd6e86e5079: [css-pseudo-4] Add ::marker to CSSPseudoElement. #3763">fantasai@23085</a> </td> <td class="lineno"> <a href="#l1610" id="l1610"> 1610</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/16484d19752e/css-pseudo-4/Overview.bs#l907" title="16484d19752e: [css-pseudo-4] Update Changes list.">fantasai@22976</a> </td> <td class="lineno"> <a href="#l1611" id="l1611"> 1611</a> </td> <td class="source"> Changes since the <a href="https://www.w3.org/TR/2016/WD-css-pseudo-4-20160607/">7 June 2016 Working Draft</a> include: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fb2cc047b8f5/css-pseudo/Overview.bs#l916" title="fb2cc047b8f5: [css-pseudo] Add changes section">fantasai@17797</a> </td> <td class="lineno"> <a href="#l1612" id="l1612"> 1612</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fb2cc047b8f5/css-pseudo/Overview.bs#l917" title="fb2cc047b8f5: [css-pseudo] Add changes section">fantasai@17797</a> </td> <td class="lineno"> <a href="#l1613" id="l1613"> 1613</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/16484d19752e/css-pseudo-4/Overview.bs#l910" title="16484d19752e: [css-pseudo-4] Update Changes list.">fantasai@22976</a> </td> <td class="lineno"> <a href="#l1614" id="l1614"> 1614</a> </td> <td class="source"> <li>Specified ''spelling-error'' and ''grammar-error'' with ''::spelling-error'' and ''::grammar-error'' in the UA stylesheet. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/16484d19752e/css-pseudo-4/Overview.bs#l911" title="16484d19752e: [css-pseudo-4] Update Changes list.">fantasai@22976</a> </td> <td class="lineno"> <a href="#l1615" id="l1615"> 1615</a> </td> <td class="source"> <li>Redefined value propagation between parent/child highlight pseudo-elements to use inheritance rather than cascading. See discussion in and linked from <a href="https://github.com/w3c/csswg-drafts/issues/2474">Issue 2474</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/16484d19752e/css-pseudo-4/Overview.bs#l912" title="16484d19752e: [css-pseudo-4] Update Changes list.">fantasai@22976</a> </td> <td class="lineno"> <a href="#l1616" id="l1616"> 1616</a> </td> <td class="source"> <li>Refined list of supported properties for highlight pseudo-elements, e.g. adding 'stroke-color'/'fill-color', removing 'outline', etc. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/16484d19752e/css-pseudo-4/Overview.bs#l913" title="16484d19752e: [css-pseudo-4] Update Changes list.">fantasai@22976</a> </td> <td class="lineno"> <a href="#l1617" id="l1617"> 1617</a> </td> <td class="source"> <li>Clarified how text and text decoration colors are painted for highlight pseudo-elements. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7390a70e4ebd/css-pseudo-4/Overview.bs#l954" title="7390a70e4ebd: [css-pseudo-4] Rename the values of CSSPseudoElement.type to match the corresponding pseudo-elements">birtles@22893</a> </td> <td class="lineno"> <a href="#l1618" id="l1618"> 1618</a> </td> <td class="source"> <li>Added the {{CSSPseudoElement/element}} attribute to the {{CSSPseudoElement}} interface. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7390a70e4ebd/css-pseudo-4/Overview.bs#l955" title="7390a70e4ebd: [css-pseudo-4] Rename the values of CSSPseudoElement.type to match the corresponding pseudo-elements">birtles@22893</a> </td> <td class="lineno"> <a href="#l1619" id="l1619"> 1619</a> </td> <td class="source"> <li>Changed the values of the {{CSSPseudoElement/type}} attribute on the {{CSSPseudoElement}} interface to match the corresponding pseudo-elements. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/16484d19752e/css-pseudo-4/Overview.bs#l916" title="16484d19752e: [css-pseudo-4] Update Changes list.">fantasai@22976</a> </td> <td class="lineno"> <a href="#l1620" id="l1620"> 1620</a> </td> <td class="source"> <li>Reduced supported types of {{CSSPseudoElement}} and removed unimplemented <code>style</code> attribute. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/02f55d3c2b9d/css-pseudo-4/Overview.bs#l969" title="02f55d3c2b9d: [css-pseudo-4] Switch window.getPseudoElements(elem,type) to Element.pseudo(type). #3541">fantasai@22940</a> </td> <td class="lineno"> <a href="#l1621" id="l1621"> 1621</a> </td> <td class="source"> <li>Changed <code>window.getPseudoElements(elem,type)</code> to <code>Element.pseudo(type)</code>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/16484d19752e/css-pseudo-4/Overview.bs#l918" title="16484d19752e: [css-pseudo-4] Update Changes list.">fantasai@22976</a> </td> <td class="lineno"> <a href="#l1622" id="l1622"> 1622</a> </td> <td class="source"> <li>Miscellaneous minor clarifications and fixes. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/fb2cc047b8f5/css-pseudo/Overview.bs#l922" title="fb2cc047b8f5: [css-pseudo] Add changes section">fantasai@17797</a> </td> <td class="lineno"> <a href="#l1623" id="l1623"> 1623</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fb2cc047b8f5/css-pseudo/Overview.bs#l923" title="fb2cc047b8f5: [css-pseudo] Add changes section">fantasai@17797</a> </td> <td class="lineno"> <a href="#l1624" id="l1624"> 1624</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l582" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1625" id="l1625"> 1625</a> </td> <td class="source"><h2 class="no-num" id="acknowledgements"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l583" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1626" id="l1626"> 1626</a> </td> <td class="source">Acknowledgements</h2> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l584" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1627" id="l1627"> 1627</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf113aad433a/css-pseudo-4/Overview.bs#l1039" title="bf113aad433a: [css-pseudo-4] Add fremy to acks #1097">fantasai@25821</a> </td> <td class="lineno"> <a href="#l1628" id="l1628"> 1628</a> </td> <td class="source"> The editors would like to specifically thank the following individuals for their </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf113aad433a/css-pseudo-4/Overview.bs#l1040" title="bf113aad433a: [css-pseudo-4] Add fremy to acks #1097">fantasai@25821</a> </td> <td class="lineno"> <a href="#l1629" id="l1629"> 1629</a> </td> <td class="source"> contributions to this specification: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l588" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1630" id="l1630"> 1630</a> </td> <td class="source"> Tab Atkins, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l589" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1631" id="l1631"> 1631</a> </td> <td class="source"> David Baron, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/87a2efeb5be2/css-pseudo-4/Overview.bs#l1043" title="87a2efeb5be2: [css-pseudo-4] Add oriol to acks">fantasai@25822</a> </td> <td class="lineno"> <a href="#l1632" id="l1632"> 1632</a> </td> <td class="source"> Oriol Brufau, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l590" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1633" id="l1633"> 1633</a> </td> <td class="source"> Razvan Caliman, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l591" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1634" id="l1634"> 1634</a> </td> <td class="source"> Chris Coyier, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/071aab928726/css-pseudo/Overview.src.html#l592" title="071aab928726: [css-pseudo] Bikeshed this and rewrite intro.">fantasai@14703</a> </td> <td class="lineno"> <a href="#l1635" id="l1635"> 1635</a> </td> <td class="source"> Anders Grimsrud, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/bf113aad433a/css-pseudo-4/Overview.bs#l1046" title="bf113aad433a: [css-pseudo-4] Add fremy to acks #1097">fantasai@25821</a> </td> <td class="lineno"> <a href="#l1636" id="l1636"> 1636</a> </td> <td class="source"> Vincent Hardy, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/bf113aad433a/css-pseudo-4/Overview.bs#l1047" title="bf113aad433a: [css-pseudo-4] Add fremy to acks #1097">fantasai@25821</a> </td> <td class="lineno"> <a href="#l1637" id="l1637"> 1637</a> </td> <td class="source"> François Remy. </td> </tr> </table> <script type="text/javascript">process_dates()</script> <div class="page-footer"> <p>Mercurial Repository: drafts</p> <ul class="rss-logo"> <li><a href="/drafts/rss-log">RSS</a></li> <li><a href="/drafts/atom-log">Atom</a></li> </ul> </div> <div id="powered-by"> <p><a href="http://mercurial.selenic.com/" title="Mercurial"><img src="/drafts/static/hglogo.png" width=75 height=90 border=0 alt="mercurial"></a></p> </div> <div id="corner-top-left"></div> <div id="corner-top-right"></div> <div id="corner-bottom-left"></div> <div id="corner-bottom-right"></div> </div> </body> </html>