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-cascade-5/Overview.bs@b5fa8c718bc6 (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/b5fa8c718bc6">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/b5fa8c718bc6/css-cascade-5/">files</a></li> <li><a href="/drafts/help">help</a></li> </ul> </div> <ul class="submenu"> <li><a href="/drafts/file/b5fa8c718bc6/css-cascade-5/Overview.bs">file</a></li> <li><a href="/drafts/log/b5fa8c718bc6/css-cascade-5/Overview.bs">revisions</a></li> <li class="current">annotate</li> <li><a href="/drafts/diff/b5fa8c718bc6/css-cascade-5/Overview.bs">diff</a></li> <li><a href="/drafts/comparison/b5fa8c718bc6/css-cascade-5/Overview.bs">comparison</a></li> <li><a href="/drafts/raw-annotate/b5fa8c718bc6/css-cascade-5/Overview.bs">raw</a></li> </ul> <h2 class="no-link no-border">css-cascade-5/Overview.bs@b5fa8c718bc6 (annotated)</h2> <h3 class="changeset">css-cascade-5/Overview.bs</h3> <p class="changeset-age age">Mon, 10 Oct 2022 15:29:51 -0400</p> <dl class="overview"> <dt>author</dt> <dd>fantasai <fantasai.bugs@inkedblade.net></dd> <dt>date</dt> <dd>Mon, 10 Oct 2022 15:29:51 -0400</dd> <dt>changeset 28928</dt> <dd><a href="/drafts/rev/b5fa8c718bc6">b5fa8c718bc6</a></dd> <dt>parent 28709</dt> <dd> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs"> ebe3a000cfb8 </a> </dd> <dt>child 29052</dt> <dd> <a href="/drafts/annotate/306cfad6a267/css-cascade-5/Overview.bs">306cfad6a267</a> </dd> <dt>permissions</dt> <dd>-rw-r--r--</dd> </dl> <p class="description">[css-values][css-cascade] Refactor CSS-wide keyword definitions #7439<br/> <br/> * Move descriptive text from Values to Cascade<br/> * Define Cascade as source of keyword definitions</p> <table class="annotated"> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l2" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2" id="l2"> 2</a> </td> <td class="source">Title: CSS Cascading and Inheritance Level 5 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l3" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l3" id="l3"> 3</a> </td> <td class="source">Shortname: css-cascade </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l4" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l4" id="l4"> 4</a> </td> <td class="source">Level: 5 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a5ec62912c98/css-cascade-5/Overview.bs#l5" title="a5ec62912c98: [css-cascade-5] Back to ED">chris@28095</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/a5ec62912c98/css-cascade-5/Overview.bs#l6" title="a5ec62912c98: [css-cascade-5] Back to ED">chris@28095</a> </td> <td class="lineno"> <a href="#l6" id="l6"> 6</a> </td> <td class="source">Prepare for TR: no </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/7056034d4c78/css-cascade-5/Overview.bs#l6" title="7056034d4c78: [css-cascade-5] Post-publication status update.">fantasai@27146</a> </td> <td class="lineno"> <a href="#l7" id="l7"> 7</a> </td> <td class="source">Work Status: Refining </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l7" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l8" id="l8"> 8</a> </td> <td class="source">Group: csswg </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/885c50be40e8/css-cascade-5/Overview.bs#l8" title="885c50be40e8: [css-cascade] Fix ED links. #6841">fantasai@27928</a> </td> <td class="lineno"> <a href="#l9" id="l9"> 9</a> </td> <td class="source">ED: https://drafts.csswg.org/css-cascade-5/ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l9" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l10" id="l10"> 10</a> </td> <td class="source">TR: https://www.w3.org/TR/css-cascade-5/ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a5ec62912c98/css-cascade-5/Overview.bs#l11" title="a5ec62912c98: [css-cascade-5] Back to ED">chris@28095</a> </td> <td class="lineno"> <a href="#l11" id="l11"> 11</a> </td> <td class="source">Previous Version: https://www.w3.org/TR/2022/CR-css-cascade-5-20220113/ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2e4af6180ec7/css-cascade-5/Overview.bs#l10" title="2e4af6180ec7: [css-cascade-4][css-cascade-5] Publication update">fantasai@27696</a> </td> <td class="lineno"> <a href="#l12" id="l12"> 12</a> </td> <td class="source">Previous Version: https://www.w3.org/TR/2021/WD-css-cascade-5-20211015/ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2e4af6180ec7/css-cascade-5/Overview.bs#l11" title="2e4af6180ec7: [css-cascade-4][css-cascade-5] Publication update">fantasai@27696</a> </td> <td class="lineno"> <a href="#l13" id="l13"> 13</a> </td> <td class="source">Previous Version: https://www.w3.org/TR/2021/WD-css-cascade-5-20210829/ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/7056034d4c78/css-cascade-5/Overview.bs#l10" title="7056034d4c78: [css-cascade-5] Post-publication status update.">fantasai@27146</a> </td> <td class="lineno"> <a href="#l14" id="l14"> 14</a> </td> <td class="source">Previous Version: https://www.w3.org/TR/2021/WD-css-cascade-5-20210608/ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/57d5776812af/css-cascade-5/Overview.bs#l10" title="57d5776812af: [css-cascade-5] Link previous version for publication">miriam@27143</a> </td> <td class="lineno"> <a href="#l15" id="l15"> 15</a> </td> <td class="source">Previous Version: https://www.w3.org/TR/2021/WD-css-cascade-5-20210319/ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l11" 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="#l16" id="l16"> 16</a> </td> <td class="source">Previous Version: https://www.w3.org/TR/2021/WD-css-cascade-5-20210119/ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c759425c55b/css-cascade-5/Overview.bs#l18" title="2c759425c55b: [css-cascading-5] Updates for CR">chris@28094</a> </td> <td class="lineno"> <a href="#l17" id="l17"> 17</a> </td> <td class="source">Implementation Report: https://wpt.fyi/results/css/css-cascade </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l10" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l18" id="l18"> 18</a> </td> <td class="source">Editor: Elika J. Etemad / fantasai, Invited Expert, http://fantasai.inkedblade.net/contact, w3cid 35400 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b5b5cbff7a/css-cascade-5/Overview.bs#l11" title="b3b5b5cbff7a: Add Miriam as editor of cascade 5 spec">miriam@25878</a> </td> <td class="lineno"> <a href="#l19" id="l19"> 19</a> </td> <td class="source">Editor: Miriam E. Suzanne, Invited Expert, http://miriamsuzanne.com/contact, w3cid 117151 </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l11" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l20" id="l20"> 20</a> </td> <td class="source">Editor: Tab Atkins Jr., Google, http://xanthir.com/contact/, w3cid 42199 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l12" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l21" id="l21"> 21</a> </td> <td class="source">Abstract: This CSS module describes how to collate style rules and assign values to all properties on all elements. By way of cascading and inheritance, values are propagated for all properties on all elements. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l13" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l22" id="l22"> 22</a> </td> <td class="source">Abstract: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l14" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l23" id="l23"> 23</a> </td> <td class="source">Abstract: New in this level is <a>cascade layers</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l18" 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="#l24" id="l24"> 24</a> </td> <td class="source">At Risk: the ''revert-layer'' keyword </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l15" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l25" id="l25"> 25</a> </td> <td class="source">Ignored Terms: auto, flex items, <supports-condition> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l16" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l26" id="l26"> 26</a> </td> <td class="source">Include Can I Use Panels: yes </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62cb7ee7e177/css-cascade-5/Overview.bs#l18" title="62cb7ee7e177: [css-cascade] Fix references and cross-links.">fantasai@25929</a> </td> <td class="lineno"> <a href="#l27" id="l27"> 27</a> </td> <td class="source">Informative Classes: ex </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l17" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l18" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l19" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l30" id="l30"> 30</a> </td> <td class="source"><pre class=link-defaults> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ee352ba6440e/css-cascade-5/Overview.bs#l25" title="ee352ba6440e: [css-cascade-5] add link defaults">chris@26521</a> </td> <td class="lineno"> <a href="#l31" id="l31"> 31</a> </td> <td class="source">spec:dom; type:dfn; text:shadow tree </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ee352ba6440e/css-cascade-5/Overview.bs#l27" title="ee352ba6440e: [css-cascade-5] add link defaults">chris@26521</a> </td> <td class="lineno"> <a href="#l32" id="l32"> 32</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/62cb7ee7e177/css-cascade-5/Overview.bs#l22" title="62cb7ee7e177: [css-cascade] Fix references and cross-links.">fantasai@25929</a> </td> <td class="lineno"> <a href="#l33" id="l33"> 33</a> </td> <td class="source">spec:css-values-3; type: value; text:ex </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62cb7ee7e177/css-cascade-5/Overview.bs#l23" title="62cb7ee7e177: [css-cascade] Fix references and cross-links.">fantasai@25929</a> </td> <td class="lineno"> <a href="#l34" id="l34"> 34</a> </td> <td class="source">spec:css-conditional-3; type:at-rule; text:@media </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62cb7ee7e177/css-cascade-5/Overview.bs#l24" title="62cb7ee7e177: [css-cascade] Fix references and cross-links.">fantasai@25929</a> </td> <td class="lineno"> <a href="#l35" id="l35"> 35</a> </td> <td class="source">spec:mediaqueries-4; type:type; for:@media; text:all </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62cb7ee7e177/css-cascade-5/Overview.bs#l25" title="62cb7ee7e177: [css-cascade] Fix references and cross-links.">fantasai@25929</a> </td> <td class="lineno"> <a href="#l36" id="l36"> 36</a> </td> <td class="source">spec:mediaqueries-4; type:type; text:<media-query> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c759425c55b/css-cascade-5/Overview.bs#l39" title="2c759425c55b: [css-cascading-5] Updates for CR">chris@28094</a> </td> <td class="lineno"> <a href="#l37" id="l37"> 37</a> </td> <td class="source">spec:css-2021; type:dfn; text:vendor-prefixed </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c759425c55b/css-cascade-5/Overview.bs#l40" title="2c759425c55b: [css-cascading-5] Updates for CR">chris@28094</a> </td> <td class="lineno"> <a href="#l38" id="l38"> 38</a> </td> <td class="source">spec:css-fonts-4; type:property; text:font-style </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c759425c55b/css-cascade-5/Overview.bs#l41" title="2c759425c55b: [css-cascading-5] Updates for CR">chris@28094</a> </td> <td class="lineno"> <a href="#l39" id="l39"> 39</a> </td> <td class="source">spec:css-fonts-4; type:property; text:font-family </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62cb7ee7e177/css-cascade-5/Overview.bs#l28" title="62cb7ee7e177: [css-cascade] Fix references and cross-links.">fantasai@25929</a> </td> <td class="lineno"> <a href="#l40" id="l40"> 40</a> </td> <td class="source"></pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62cb7ee7e177/css-cascade-5/Overview.bs#l29" title="62cb7ee7e177: [css-cascade] Fix references and cross-links.">fantasai@25929</a> </td> <td class="lineno"> <a href="#l41" id="l41"> 41</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62cb7ee7e177/css-cascade-5/Overview.bs#l30" title="62cb7ee7e177: [css-cascade] Fix references and cross-links.">fantasai@25929</a> </td> <td class="lineno"> <a href="#l42" id="l42"> 42</a> </td> <td class="source"><pre class=ignored-specs> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62cb7ee7e177/css-cascade-5/Overview.bs#l31" title="62cb7ee7e177: [css-cascade] Fix references and cross-links.">fantasai@25929</a> </td> <td class="lineno"> <a href="#l43" id="l43"> 43</a> </td> <td class="source">spec:mediaqueries-5 </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0dc3f1cf049c/css-cascade-5/Overview.bs#l39" title="0dc3f1cf049c: [css-cascade-4][css-cascade-5] Use updated grammar style for @import's mq and sq references.">fantasai@27931</a> </td> <td class="lineno"> <a href="#l44" id="l44"> 44</a> </td> <td class="source">spec:css-values-5 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l21" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l45" id="l45"> 45</a> </td> <td class="source"></pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l22" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l46" id="l46"> 46</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l23" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l47" id="l47"> 47</a> </td> <td class="source"><h2 id="intro"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l24" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l48" id="l48"> 48</a> </td> <td class="source">Introduction</h2> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l25" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l49" id="l49"> 49</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/243bae73d35b/css-cascade-5/Overview.bs#l39" title="243bae73d35b: [css-cascade] Define 'property' as a term. #5633">fantasai@26495</a> </td> <td class="lineno"> <a href="#l50" id="l50"> 50</a> </td> <td class="source"> CSS defines a finite set of parameters, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/243bae73d35b/css-cascade-5/Overview.bs#l40" title="243bae73d35b: [css-cascade] Define 'property' as a term. #5633">fantasai@26495</a> </td> <td class="lineno"> <a href="#l51" id="l51"> 51</a> </td> <td class="source"> called <dfn export for=CSS lt="property">properties</dfn>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/243bae73d35b/css-cascade-5/Overview.bs#l41" title="243bae73d35b: [css-cascade] Define 'property' as a term. #5633">fantasai@26495</a> </td> <td class="lineno"> <a href="#l52" id="l52"> 52</a> </td> <td class="source"> that direct the rendering of a document. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/243bae73d35b/css-cascade-5/Overview.bs#l42" title="243bae73d35b: [css-cascade] Define 'property' as a term. #5633">fantasai@26495</a> </td> <td class="lineno"> <a href="#l53" id="l53"> 53</a> </td> <td class="source"> Each [=property=] has a name </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/243bae73d35b/css-cascade-5/Overview.bs#l43" title="243bae73d35b: [css-cascade] Define 'property' as a term. #5633">fantasai@26495</a> </td> <td class="lineno"> <a href="#l54" id="l54"> 54</a> </td> <td class="source"> (e.g., 'color', 'font-size', or 'border-style'), </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/243bae73d35b/css-cascade-5/Overview.bs#l44" title="243bae73d35b: [css-cascade] Define 'property' as a term. #5633">fantasai@26495</a> </td> <td class="lineno"> <a href="#l55" id="l55"> 55</a> </td> <td class="source"> a value space </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/243bae73d35b/css-cascade-5/Overview.bs#l45" title="243bae73d35b: [css-cascade] Define 'property' as a term. #5633">fantasai@26495</a> </td> <td class="lineno"> <a href="#l56" id="l56"> 56</a> </td> <td class="source"> (e.g., <<color>>, <<length-percentage>>, ''[ solid | dashed | dotted | &hellip; ]''), </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/243bae73d35b/css-cascade-5/Overview.bs#l46" title="243bae73d35b: [css-cascade] Define 'property' as a term. #5633">fantasai@26495</a> </td> <td class="lineno"> <a href="#l57" id="l57"> 57</a> </td> <td class="source"> and a defined behavior on the rendering of the document. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/243bae73d35b/css-cascade-5/Overview.bs#l47" title="243bae73d35b: [css-cascade] Define 'property' as a term. #5633">fantasai@26495</a> </td> <td class="lineno"> <a href="#l58" id="l58"> 58</a> </td> <td class="source"> Properties values are assigned to various parts of the document </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/243bae73d35b/css-cascade-5/Overview.bs#l48" title="243bae73d35b: [css-cascade] Define 'property' as a term. #5633">fantasai@26495</a> </td> <td class="lineno"> <a href="#l59" id="l59"> 59</a> </td> <td class="source"> via [=property declarations=], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/243bae73d35b/css-cascade-5/Overview.bs#l49" title="243bae73d35b: [css-cascade] Define 'property' as a term. #5633">fantasai@26495</a> </td> <td class="lineno"> <a href="#l60" id="l60"> 60</a> </td> <td class="source"> which assign the property a value </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l54" 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="#l61" id="l61"> 61</a> </td> <td class="source"> (e.g. ''red'', ''12pt'', ''border-style/dotted'') </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/243bae73d35b/css-cascade-5/Overview.bs#l51" title="243bae73d35b: [css-cascade] Define 'property' as a term. #5633">fantasai@26495</a> </td> <td class="lineno"> <a href="#l62" id="l62"> 62</a> </td> <td class="source"> for the associated element or box. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/243bae73d35b/css-cascade-5/Overview.bs#l52" title="243bae73d35b: [css-cascade] Define 'property' as a term. #5633">fantasai@26495</a> </td> <td class="lineno"> <a href="#l63" id="l63"> 63</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l26" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l64" id="l64"> 64</a> </td> <td class="source"> One of the fundamental design principles of CSS is <a lt="cascade">cascading</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l27" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l65" id="l65"> 65</a> </td> <td class="source"> which allows several style sheets to influence the presentation of a document. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l67" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l66" id="l66"> 66</a> </td> <td class="source"> When different [=declarations=] try to set a value for the same element/property combination, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l29" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l67" id="l67"> 67</a> </td> <td class="source"> the conflicts must somehow be resolved. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l30" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/306a9f3054ab/css-cascade-5/Overview.bs#l70" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l69" id="l69"> 69</a> </td> <td class="source"> The opposite problem arises when no [=declarations=] try to set a value for an element/property combination. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l32" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l70" id="l70"> 70</a> </td> <td class="source"> In this case, a value is be found by way of <a>inheritance</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l33" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l71" id="l71"> 71</a> </td> <td class="source"> or by looking at the property's <a>initial value</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l34" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l72" id="l72"> 72</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l74" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l73" id="l73"> 73</a> </td> <td class="source"> The <a href="#cascade">cascading</a> and <a href="#defaulting">defaulting</a> process takes a set of [=declarations=] as input, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l36" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l74" id="l74"> 74</a> </td> <td class="source"> and outputs a <a>specified value</a> for each property on each element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l37" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l38" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l76" id="l76"> 76</a> </td> <td class="source"> The rules for finding the specified value for all properties on all elements in the document are described in this specification. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l39" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l77" id="l77"> 77</a> </td> <td class="source"> The rules for finding the specified values in the page context and its margin boxes are described in [[css-page-3]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l40" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l41" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l79" id="l79"> 79</a> </td> <td class="source"><h3 id="placement"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l42" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l80" id="l80"> 80</a> </td> <td class="source">Module Interactions</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l43" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l44" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l82" id="l82"> 82</a> </td> <td class="source"> <em>This section is normative.</em> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l45" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l83" id="l83"> 83</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l46" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l84" id="l84"> 84</a> </td> <td class="source"> This module replaces and extends </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l47" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l85" id="l85"> 85</a> </td> <td class="source"> the rules for assigning property values, cascading, and inheritance defined in [[!CSS2]] chapter 6. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l48" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l86" id="l86"> 86</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l49" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l87" id="l87"> 87</a> </td> <td class="source"> Other CSS modules may expand the definitions of some of the syntax and features defined here. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l50" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l88" id="l88"> 88</a> </td> <td class="source"> For example, the Media Queries Level 4 specification, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l51" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l89" id="l89"> 89</a> </td> <td class="source"> when combined with this module, expands the definition of </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l52" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l90" id="l90"> 90</a> </td> <td class="source"> the <<media-query>> value type as used in this specification. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l53" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l91" id="l91"> 91</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l54" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l92" id="l92"> 92</a> </td> <td class="source"> For the purpose of this specification, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l55" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l93" id="l93"> 93</a> </td> <td class="source"> <a>text nodes</a> are treated as <a spec=css-display-3>element</a> children of their associated element, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l56" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l94" id="l94"> 94</a> </td> <td class="source"> and possess the full set of properties; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d311b4c7e390/css-cascade-5/Overview.bs#l88" title="d311b4c7e390: fix: typos across specs (#5992)">nschonni@26746</a> </td> <td class="lineno"> <a href="#l95" id="l95"> 95</a> </td> <td class="source"> since they cannot be targeted by selectors </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l58" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l96" id="l96"> 96</a> </td> <td class="source"> all of their computed values are assigned by <a href="#defaulting">defaulting</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l59" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l97" id="l97"> 97</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l60" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l98" id="l98"> 98</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l69" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l107" id="l107"> 107</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l70" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l108" id="l108"> 108</a> </td> <td class="source"><h2 id="at-import"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l71" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l109" id="l109"> 109</a> </td> <td class="source">Importing Style Sheets: the ''@import'' rule</h2> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l72" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l110" id="l110"> 110</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l73" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l111" id="l111"> 111</a> </td> <td class="source"> The <dfn>@import</dfn> rule allows users to import style rules from other style sheets. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l74" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l112" id="l112"> 112</a> </td> <td class="source"> If an ''@import'' rule refers to a valid stylesheet, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l75" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l113" id="l113"> 113</a> </td> <td class="source"> user agents must treat the contents of the stylesheet as if they were written in place of the ''@import'' rule, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l76" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l114" id="l114"> 114</a> </td> <td class="source"> with two exceptions: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l77" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l115" id="l115"> 115</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l78" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l116" id="l116"> 116</a> </td> <td class="source"> * If a feature </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l79" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l117" id="l117"> 117</a> </td> <td class="source"> (such as the ''@namespace'' rule) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l80" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l118" id="l118"> 118</a> </td> <td class="source"> <em>explicitly</em> defines that it only applies to a particular stylesheet, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l81" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l119" id="l119"> 119</a> </td> <td class="source"> and not any imported ones, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l82" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l120" id="l120"> 120</a> </td> <td class="source"> then it doesn't apply to the imported stylesheet. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l83" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l121" id="l121"> 121</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l84" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l122" id="l122"> 122</a> </td> <td class="source"> * If a feature relies on the relative ordering of two or more constructs in a stylesheet </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l85" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l123" id="l123"> 123</a> </td> <td class="source"> (such as the requirement that ''@namespace'' rules must not have any other rules other than </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l86" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l124" id="l124"> 124</a> </td> <td class="source"> ''@import'' preceding it), </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l87" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l125" id="l125"> 125</a> </td> <td class="source"> it only applies between constructs in the same stylesheet. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l88" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l126" id="l126"> 126</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l89" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l127" id="l127"> 127</a> </td> <td class="source"> <p class='example'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l129" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l128" id="l128"> 128</a> </td> <td class="source"> For example, [=declarations=] in style rules from imported stylesheets interact with the cascade </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l91" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l129" id="l129"> 129</a> </td> <td class="source"> as if they were written literally into the stylesheet at the point of the ''@import''. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l92" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l130" id="l130"> 130</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l93" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l131" id="l131"> 131</a> </td> <td class="source"> Any ''@import'' rules must precede all other valid at-rules and style rules in a style sheet </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6b89ee50e65c/css-cascade-5/Overview.bs#l132" title="6b89ee50e65c: [css-cascade-5] Clarify that only @layer statement rules are allowed before @import, not empty @layer blocks. #7566">fantasai@28708</a> </td> <td class="lineno"> <a href="#l132" id="l132"> 132</a> </td> <td class="source"> (ignoring ''@charset'' and <a href="#layer-empty"><css>@layer</css> statement</a> rules) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/46c7acc5e477/css-cascade-5/Overview.bs#l127" title="46c7acc5e477: [css-cascade-5] Disallow empty @layer interspersed with @import or @namespace, #6522">miriam@27462</a> </td> <td class="lineno"> <a href="#l133" id="l133"> 133</a> </td> <td class="source"> and must not have any other valid at-rules or style rules between it and previous ''@import'' rules, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/46c7acc5e477/css-cascade-5/Overview.bs#l128" title="46c7acc5e477: [css-cascade-5] Disallow empty @layer interspersed with @import or @namespace, #6522">miriam@27462</a> </td> <td class="lineno"> <a href="#l134" id="l134"> 134</a> </td> <td class="source"> or else the ''@import'' rule is invalid. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l95" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l135" id="l135"> 135</a> </td> <td class="source"> The syntax of ''@import'' is: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l96" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l136" id="l136"> 136</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/287517c2f8cc/css-cascade-5/Overview.bs#l138" title="287517c2f8cc: [css-cascade-5][editorial] Define import condition as syntax production">miriam@28203</a> </td> <td class="lineno"> <a href="#l137" id="l137"> 137</a> </td> <td class="source"><pre class='prod'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l98" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l138" id="l138"> 138</a> </td> <td class="source"> @import [ <<url>> | <<string>> ] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l130" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l139" id="l139"> 139</a> </td> <td class="source"> [ layer | layer(<<layer-name>>) ]? </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/287517c2f8cc/css-cascade-5/Overview.bs#l141" title="287517c2f8cc: [css-cascade-5][editorial] Define import condition as syntax production">miriam@28203</a> </td> <td class="lineno"> <a href="#l140" id="l140"> 140</a> </td> <td class="source"> <<import-condition>> ; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/287517c2f8cc/css-cascade-5/Overview.bs#l142" title="287517c2f8cc: [css-cascade-5][editorial] Define import condition as syntax production">miriam@28203</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/64b27bc3b364/css-cascade-5/Overview.bs#l142" title="64b27bc3b364: [css-cascade-4][css-cascade-5] Sync levels">fantasai@28679</a> </td> <td class="lineno"> <a href="#l142" id="l142"> 142</a> </td> <td class="source"> <dfn export>&lt;import-conditions></dfn> = [ supports( [ <<supports-condition>> | <<declaration>> ] ) ]? </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/64b27bc3b364/css-cascade-5/Overview.bs#l143" title="64b27bc3b364: [css-cascade-4][css-cascade-5] Sync levels">fantasai@28679</a> </td> <td class="lineno"> <a href="#l143" id="l143"> 143</a> </td> <td class="source"> <<media-query-list>>?</pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l101" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l144" id="l144"> 144</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l134" 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="#l145" id="l145"> 145</a> </td> <td class="source"> where: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l135" 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="#l146" id="l146"> 146</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l136" 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="#l147" id="l147"> 147</a> </td> <td class="source"> * the <<url>> or <<string>> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l137" 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="#l148" id="l148"> 148</a> </td> <td class="source"> gives the URL of the style sheet to be imported. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l138" 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="#l149" id="l149"> 149</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l139" 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="#l150" id="l150"> 150</a> </td> <td class="source"> * the optional ''layer'' keyword or ''layer()'' function </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l140" 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="#l151" id="l151"> 151</a> </td> <td class="source"> assigns the contents of the style sheet </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l141" 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="#l152" id="l152"> 152</a> </td> <td class="source"> into its own anonymous [=cascade layer=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l142" 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="#l153" id="l153"> 153</a> </td> <td class="source"> or into the named [=cascade layer=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l143" 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="#l154" id="l154"> 154</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8e48eb17c61b/css-cascade-5/Overview.bs#l149" title="8e48eb17c61b: [css-cascade-5] Clarify the behavior of layer syntax in @import #6776">miriam@27858</a> </td> <td class="lineno"> <a href="#l155" id="l155"> 155</a> </td> <td class="source"> The layer is added to the [[#layer-ordering|layer order]] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8e48eb17c61b/css-cascade-5/Overview.bs#l150" title="8e48eb17c61b: [css-cascade-5] Clarify the behavior of layer syntax in @import #6776">miriam@27858</a> </td> <td class="lineno"> <a href="#l156" id="l156"> 156</a> </td> <td class="source"> even if the import fails to load the stylesheet, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8e48eb17c61b/css-cascade-5/Overview.bs#l151" title="8e48eb17c61b: [css-cascade-5] Clarify the behavior of layer syntax in @import #6776">miriam@27858</a> </td> <td class="lineno"> <a href="#l157" id="l157"> 157</a> </td> <td class="source"> but is subject to any [=import conditions=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8e48eb17c61b/css-cascade-5/Overview.bs#l152" title="8e48eb17c61b: [css-cascade-5] Clarify the behavior of layer syntax in @import #6776">miriam@27858</a> </td> <td class="lineno"> <a href="#l158" id="l158"> 158</a> </td> <td class="source"> (just as if declared by an ''@layer'' rule wrapped </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8e48eb17c61b/css-cascade-5/Overview.bs#l153" title="8e48eb17c61b: [css-cascade-5] Clarify the behavior of layer syntax in @import #6776">miriam@27858</a> </td> <td class="lineno"> <a href="#l159" id="l159"> 159</a> </td> <td class="source"> in the appropriate [=conditional group rules=]). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8e48eb17c61b/css-cascade-5/Overview.bs#l154" title="8e48eb17c61b: [css-cascade-5] Clarify the behavior of layer syntax in @import #6776">miriam@27858</a> </td> <td class="lineno"> <a href="#l160" id="l160"> 160</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/64b27bc3b364/css-cascade-5/Overview.bs#l161" title="64b27bc3b364: [css-cascade-4][css-cascade-5] Sync levels">fantasai@28679</a> </td> <td class="lineno"> <a href="#l161" id="l161"> 161</a> </td> <td class="source"> * the optional <<import-conditions>> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/64b27bc3b364/css-cascade-5/Overview.bs#l162" title="64b27bc3b364: [css-cascade-4][css-cascade-5] Sync levels">fantasai@28679</a> </td> <td class="lineno"> <a href="#l162" id="l162"> 162</a> </td> <td class="source"> states the [=import conditions=] under which it applies. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l106" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l163" id="l163"> 163</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l107" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l164" id="l164"> 164</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l108" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l165" id="l165"> 165</a> </td> <td class="source"> The following <a href="#conditional-import">conditional <css>@import</css> rule</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l109" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l166" id="l166"> 166</a> </td> <td class="source"> only loads the style sheet when the UA </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a25d26862ae1/css-cascade-5/Overview.bs#l139" title="a25d26862ae1: [css-cascade-5] CSS3-foo to css-foo-3">chris@26520</a> </td> <td class="lineno"> <a href="#l167" id="l167"> 167</a> </td> <td class="source"> <a href="https://www.w3.org/TR/css-conditional-3/#support-definition">supports</a> ''display: flex'', </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l111" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l168" id="l168"> 168</a> </td> <td class="source"> and only applies the style sheet on a <a href="https://www.w3.org/TR/CSS2/media.html#media-types">handheld</a> device </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a0b8f81d875e/css-cascade-5/Overview.bs#l145" title="a0b8f81d875e: [css-cascade-5] link fixes">chris@26523</a> </td> <td class="lineno"> <a href="#l169" id="l169"> 169</a> </td> <td class="source"> with a <a href="https://www.w3.org/TR/mediaqueries-4/#width">maximum viewport width</a> of 400px. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l113" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l170" id="l170"> 170</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l114" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l171" id="l171"> 171</a> </td> <td class="source"> <pre>@import url("narrow.css") supports(display: flex) handheld and (max-width: 400px);</pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l115" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l172" id="l172"> 172</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l116" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l173" id="l173"> 173</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e57d7afe4a1b/css-cascade-5/Overview.bs#l150" title="e57d7afe4a1b: [css-cascade-5] Draft layer-import syntax (#5681)">miriam@26743</a> </td> <td class="lineno"> <a href="#l174" id="l174"> 174</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e57d7afe4a1b/css-cascade-5/Overview.bs#l151" title="e57d7afe4a1b: [css-cascade-5] Draft layer-import syntax (#5681)">miriam@26743</a> </td> <td class="lineno"> <a href="#l175" id="l175"> 175</a> </td> <td class="source"> The following layer imports load the style sheets into </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cb610245ce5e/css-cascade-5/Overview.bs#l161" title="cb610245ce5e: [css-cascade-5][editorial] Fix nested layer syntax in @import example">miriam@27448</a> </td> <td class="lineno"> <a href="#l176" id="l176"> 176</a> </td> <td class="source"> the ''framework.component'' layer, and an un-named layer, respectively: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e57d7afe4a1b/css-cascade-5/Overview.bs#l153" title="e57d7afe4a1b: [css-cascade-5] Draft layer-import syntax (#5681)">miriam@26743</a> </td> <td class="lineno"> <a href="#l177" id="l177"> 177</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e57d7afe4a1b/css-cascade-5/Overview.bs#l154" title="e57d7afe4a1b: [css-cascade-5] Draft layer-import syntax (#5681)">miriam@26743</a> </td> <td class="lineno"> <a href="#l178" id="l178"> 178</a> </td> <td class="source"> <pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/cb610245ce5e/css-cascade-5/Overview.bs#l164" title="cb610245ce5e: [css-cascade-5][editorial] Fix nested layer syntax in @import example">miriam@27448</a> </td> <td class="lineno"> <a href="#l179" id="l179"> 179</a> </td> <td class="source"> @import url("tabs.css") layer(framework.component); </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/144ee63321f4/css-cascade-5/Overview.bs#l180" title="144ee63321f4: [css-cascade-5] fix example syntax error for `@import layer;`">percyley@28704</a> </td> <td class="lineno"> <a href="#l180" id="l180"> 180</a> </td> <td class="source"> @import url("override.css") layer; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e57d7afe4a1b/css-cascade-5/Overview.bs#l157" title="e57d7afe4a1b: [css-cascade-5] Draft layer-import syntax (#5681)">miriam@26743</a> </td> <td class="lineno"> <a href="#l181" id="l181"> 181</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e57d7afe4a1b/css-cascade-5/Overview.bs#l158" title="e57d7afe4a1b: [css-cascade-5] Draft layer-import syntax (#5681)">miriam@26743</a> </td> <td class="lineno"> <a href="#l182" id="l182"> 182</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e57d7afe4a1b/css-cascade-5/Overview.bs#l159" title="e57d7afe4a1b: [css-cascade-5] Draft layer-import syntax (#5681)">miriam@26743</a> </td> <td class="lineno"> <a href="#l183" id="l183"> 183</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l117" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l184" id="l184"> 184</a> </td> <td class="source"> If a <<string>> is provided, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l118" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l185" id="l185"> 185</a> </td> <td class="source"> it must be interpreted as a <<url>> with the same value. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l119" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l186" id="l186"> 186</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l120" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l187" id="l187"> 187</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l121" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l188" id="l188"> 188</a> </td> <td class="source"> The following lines are equivalent in meaning </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l122" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l189" id="l189"> 189</a> </td> <td class="source"> and illustrate both ''@import'' syntaxes </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l123" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l190" id="l190"> 190</a> </td> <td class="source"> (one with ''url()'' and one with a bare string): </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l124" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l191" id="l191"> 191</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l125" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l192" id="l192"> 192</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l126" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l193" id="l193"> 193</a> </td> <td class="source"> @import "mystyle.css"; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l127" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l194" id="l194"> 194</a> </td> <td class="source"> @import url("mystyle.css"); </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l128" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l195" id="l195"> 195</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l129" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l196" id="l196"> 196</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l130" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l197" id="l197"> 197</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l131" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l198" id="l198"> 198</a> </td> <td class="source"><h3 id=conditional-import> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l132" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l199" id="l199"> 199</a> </td> <td class="source">Conditional ''@import'' Rules</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l133" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l200" id="l200"> 200</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/64b27bc3b364/css-cascade-5/Overview.bs#l201" title="64b27bc3b364: [css-cascade-4][css-cascade-5] Sync levels">fantasai@28679</a> </td> <td class="lineno"> <a href="#l201" id="l201"> 201</a> </td> <td class="source"> <dfn export>Import conditions</dfn> allow the import to be media&ndash; or feature-support&ndash;dependent. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l135" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l202" id="l202"> 202</a> </td> <td class="source"> In the absence of any <a>import conditions</a>, the import is unconditional. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l136" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l203" id="l203"> 203</a> </td> <td class="source"> (Specifying ''@media/all'' for the <<media-query-list>> has the same effect.) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l137" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l204" id="l204"> 204</a> </td> <td class="source"> If the <a>import conditions</a> do not match, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l138" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l205" id="l205"> 205</a> </td> <td class="source"> the rules in the imported stylesheet do not apply, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l139" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l206" id="l206"> 206</a> </td> <td class="source"> exactly as if the imported stylesheet were wrapped in ''@media'' and/or ''@supports'' blocks with the given conditions. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l140" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l141" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l208" id="l208"> 208</a> </td> <td class="source"> <div class=example> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l142" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l209" id="l209"> 209</a> </td> <td class="source"> The following rules illustrate how ''@import'' rules can be made media-dependent: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l143" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l144" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l211" id="l211"> 211</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l145" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l212" id="l212"> 212</a> </td> <td class="source"> @import url("fineprint.css") print; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l146" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l213" id="l213"> 213</a> </td> <td class="source"> @import url("bluish.css") projection, tv; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l147" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l214" id="l214"> 214</a> </td> <td class="source"> @import url("narrow.css") handheld and (max-width: 400px); </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l148" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l215" id="l215"> 215</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l149" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l216" id="l216"> 216</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l150" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l217" id="l217"> 217</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l151" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l218" id="l218"> 218</a> </td> <td class="source"> User agents may therefore avoid fetching a conditional import </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l152" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l219" id="l219"> 219</a> </td> <td class="source"> as long as the <a>import conditions</a> do not match. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l153" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l220" id="l220"> 220</a> </td> <td class="source"> Additionally, if a <<supports-condition>> blocks the application of the imported style sheet, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l154" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l221" id="l221"> 221</a> </td> <td class="source"> the UA <em>must not</em> fetch the style sheet (unless it is loaded through some other link) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l155" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l222" id="l222"> 222</a> </td> <td class="source"> and <em>must</em> return null for the import rule's CSSImportRule.styleSheet value </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l156" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l223" id="l223"> 223</a> </td> <td class="source"> (even if it is loaded through some other link). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l157" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l224" id="l224"> 224</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l158" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l225" id="l225"> 225</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l159" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l226" id="l226"> 226</a> </td> <td class="source"> The following rule illustrates how an author can provide fallback rules for legacy user agents </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l160" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l227" id="l227"> 227</a> </td> <td class="source"> without impacting network performance on newer user agents: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l161" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l228" id="l228"> 228</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l162" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l229" id="l229"> 229</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l163" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l230" id="l230"> 230</a> </td> <td class="source"> @import url("fallback-layout.css") supports(not (display: flex)); </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l164" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l231" id="l231"> 231</a> </td> <td class="source"> @supports (display: flex) { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l217" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l232" id="l232"> 232</a> </td> <td class="source"> ... </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l166" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l233" id="l233"> 233</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l167" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l234" id="l234"> 234</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l168" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l235" id="l235"> 235</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l169" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l236" id="l236"> 236</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0dc3f1cf049c/css-cascade-5/Overview.bs#l232" title="0dc3f1cf049c: [css-cascade-4][css-cascade-5] Use updated grammar style for @import's mq and sq references.">fantasai@27931</a> </td> <td class="lineno"> <a href="#l237" id="l237"> 237</a> </td> <td class="source"> The [=import conditions=] are given by </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0dc3f1cf049c/css-cascade-5/Overview.bs#l233" title="0dc3f1cf049c: [css-cascade-4][css-cascade-5] Use updated grammar style for @import's mq and sq references.">fantasai@27931</a> </td> <td class="lineno"> <a href="#l238" id="l238"> 238</a> </td> <td class="source"> <<media-query-list>>, which is parsed and interpreted as a <a>media query list</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0dc3f1cf049c/css-cascade-5/Overview.bs#l234" title="0dc3f1cf049c: [css-cascade-4][css-cascade-5] Use updated grammar style for @import's mq and sq references.">fantasai@27931</a> </td> <td class="lineno"> <a href="#l239" id="l239"> 239</a> </td> <td class="source"> and <<supports-condition>>, is parsed and interpreted as a [[supports query]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0dc3f1cf049c/css-cascade-5/Overview.bs#l235" title="0dc3f1cf049c: [css-cascade-4][css-cascade-5] Use updated grammar style for @import's mq and sq references.">fantasai@27931</a> </td> <td class="lineno"> <a href="#l240" id="l240"> 240</a> </td> <td class="source"> If a <<declaration>> is given in place of a <<supports-condition>>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0dc3f1cf049c/css-cascade-5/Overview.bs#l236" title="0dc3f1cf049c: [css-cascade-4][css-cascade-5] Use updated grammar style for @import's mq and sq references.">fantasai@27931</a> </td> <td class="lineno"> <a href="#l241" id="l241"> 241</a> </td> <td class="source"> it must be interpreted as a <<supports-decl>> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l176" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l242" id="l242"> 242</a> </td> <td class="source"> (i.e. the extra set of parentheses is implied) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l177" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l243" id="l243"> 243</a> </td> <td class="source"> and treated as a <<supports-condition>>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l178" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l244" id="l244"> 244</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l179" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l245" id="l245"> 245</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l180" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l246" id="l246"> 246</a> </td> <td class="source"> For example, the following two lines are equivalent: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l181" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l247" id="l247"> 247</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l182" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l248" id="l248"> 248</a> </td> <td class="source"> @import "mystyle.css" supports(display: flex); </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l183" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l249" id="l249"> 249</a> </td> <td class="source"> @import "mystyle.css" supports((display: flex)); </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l184" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l185" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l186" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l187" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l253" id="l253"> 253</a> </td> <td class="source"> The evaluation and full syntax of the <a>import conditions</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l239" 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="#l254" id="l254"> 254</a> </td> <td class="source"> are defined by the <a href="https://www.w3.org/TR/mediaqueries/">Media Queries</a> [[!MEDIAQ]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/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="#l255" id="l255"> 255</a> </td> <td class="source"> and <a href="https://www.w3.org/TR/css-conditional/">CSS Conditional Rules</a> [[!CSS-CONDITIONAL-3]] specifications. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l190" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l256" id="l256"> 256</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l191" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l257" id="l257"> 257</a> </td> <td class="source"><h3 id=import-processing> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l192" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l258" id="l258"> 258</a> </td> <td class="source">Processing Stylesheet Imports</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l193" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l259" id="l259"> 259</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l194" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l260" id="l260"> 260</a> </td> <td class="source"> When the same style sheet is imported or linked to a document in multiple places, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l195" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l261" id="l261"> 261</a> </td> <td class="source"> user agents must process (or act as though they do) each link </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l196" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l262" id="l262"> 262</a> </td> <td class="source"> as though the link were to an independent style sheet. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l197" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l263" id="l263"> 263</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l198" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l264" id="l264"> 264</a> </td> <td class="source"> Note: This does not place any requirements on resource fetching, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l199" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l265" id="l265"> 265</a> </td> <td class="source"> only how the style sheet is reflected in the CSSOM and used in specs such as this one. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l200" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l266" id="l266"> 266</a> </td> <td class="source"> Assuming appropriate caching, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l201" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l267" id="l267"> 267</a> </td> <td class="source"> it is perfectly appropriate for a UA to fetch a style sheet only once, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l202" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l268" id="l268"> 268</a> </td> <td class="source"> even though it's linked or imported multiple times. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l203" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l269" id="l269"> 269</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/fbb3316cd97c/css-cascade-5/Overview.bs#l260" title="fbb3316cd97c: [css-cascade][editorial] Correctly reference cascade origin #6670">miriam@27718</a> </td> <td class="lineno"> <a href="#l270" id="l270"> 270</a> </td> <td class="source"> The [=cascade origin=] of an imported style sheet is the [=cascade origin=] of the style sheet that imported it. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l205" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l271" id="l271"> 271</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l206" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l272" id="l272"> 272</a> </td> <td class="source"> The <a>environment encoding</a> of an imported style sheet is the encoding of the style sheet that imported it. [[css-syntax-3]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l207" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l208" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l274" id="l274"> 274</a> </td> <td class="source"><h3 id='content-type'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l209" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l275" id="l275"> 275</a> </td> <td class="source">Content-Type of CSS Style Sheets</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l210" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l276" id="l276"> 276</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/342c4d3a768e/css-cascade-5/Overview.bs#l224" title="342c4d3a768e: [css-cascade] Make it clearer exactly what origins are being compared for @import in a quirks-mode document. Fixes #4838.">jackalmage@26492</a> </td> <td class="lineno"> <a href="#l277" id="l277"> 277</a> </td> <td class="source"> The processing of imported style sheets depends on the actual type of the linked resource: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/342c4d3a768e/css-cascade-5/Overview.bs#l225" title="342c4d3a768e: [css-cascade] Make it clearer exactly what origins are being compared for @import in a quirks-mode document. Fixes #4838.">jackalmage@26492</a> </td> <td class="lineno"> <a href="#l278" id="l278"> 278</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/342c4d3a768e/css-cascade-5/Overview.bs#l226" title="342c4d3a768e: [css-cascade] Make it clearer exactly what origins are being compared for @import in a quirks-mode document. Fixes #4838.">jackalmage@26492</a> </td> <td class="lineno"> <a href="#l279" id="l279"> 279</a> </td> <td class="source"> * If the resource does not have <l spec=html>[=Content-Type metadata=]</l>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/342c4d3a768e/css-cascade-5/Overview.bs#l227" title="342c4d3a768e: [css-cascade] Make it clearer exactly what origins are being compared for @import in a quirks-mode document. Fixes #4838.">jackalmage@26492</a> </td> <td class="lineno"> <a href="#l280" id="l280"> 280</a> </td> <td class="source"> the type is treated as <code>text/css</code>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/342c4d3a768e/css-cascade-5/Overview.bs#l228" title="342c4d3a768e: [css-cascade] Make it clearer exactly what origins are being compared for @import in a quirks-mode document. Fixes #4838.">jackalmage@26492</a> </td> <td class="lineno"> <a href="#l281" id="l281"> 281</a> </td> <td class="source"> * If the host document is in [=quirks mode=], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/342c4d3a768e/css-cascade-5/Overview.bs#l229" title="342c4d3a768e: [css-cascade] Make it clearer exactly what origins are being compared for @import in a quirks-mode document. Fixes #4838.">jackalmage@26492</a> </td> <td class="lineno"> <a href="#l282" id="l282"> 282</a> </td> <td class="source"> and the host document's origin is [=same origin=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/342c4d3a768e/css-cascade-5/Overview.bs#l230" title="342c4d3a768e: [css-cascade] Make it clearer exactly what origins are being compared for @import in a quirks-mode document. Fixes #4838.">jackalmage@26492</a> </td> <td class="lineno"> <a href="#l283" id="l283"> 283</a> </td> <td class="source"> with the linked resource [=/response's=] [=response/URL's=] origin, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/342c4d3a768e/css-cascade-5/Overview.bs#l231" title="342c4d3a768e: [css-cascade] Make it clearer exactly what origins are being compared for @import in a quirks-mode document. Fixes #4838.">jackalmage@26492</a> </td> <td class="lineno"> <a href="#l284" id="l284"> 284</a> </td> <td class="source"> the type is treated as <code>text/css</code>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/342c4d3a768e/css-cascade-5/Overview.bs#l232" title="342c4d3a768e: [css-cascade] Make it clearer exactly what origins are being compared for @import in a quirks-mode document. Fixes #4838.">jackalmage@26492</a> </td> <td class="lineno"> <a href="#l285" id="l285"> 285</a> </td> <td class="source"> * Otherwise, the type is determined from its <l spec=html>[=Content-Type metadata=]</l>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l217" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l286" id="l286"> 286</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l218" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l287" id="l287"> 287</a> </td> <td class="source"> If the linked resource's type is <code>text/css</code>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l219" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l288" id="l288"> 288</a> </td> <td class="source"> it must be interpreted as a CSS style sheet. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l220" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l289" id="l289"> 289</a> </td> <td class="source"> Otherwise, it must be interpreted as a network error. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l221" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l290" id="l290"> 290</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l222" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l223" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l292" id="l292"> 292</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l232" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l301" id="l301"> 301</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l233" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l302" id="l302"> 302</a> </td> <td class="source"><h2 id='shorthand'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l234" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l303" id="l303"> 303</a> </td> <td class="source">Shorthand Properties</h2> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l235" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l304" id="l304"> 304</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l236" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l305" id="l305"> 305</a> </td> <td class="source"> Some properties are <dfn export lt="shorthand property | shorthand">shorthand properties</dfn>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l237" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l306" id="l306"> 306</a> </td> <td class="source"> meaning that they allow authors to specify the values of several properties with a single property. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l238" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l307" id="l307"> 307</a> </td> <td class="source"> A <a>shorthand property</a> sets all of its <dfn export lt="longhand | longhand property | sub-property">longhand sub-properties</dfn>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l239" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l308" id="l308"> 308</a> </td> <td class="source"> exactly as if expanded in place. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l240" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l309" id="l309"> 309</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l241" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l310" id="l310"> 310</a> </td> <td class="source"> When values are omitted from a <a>shorthand</a> form, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l242" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l311" id="l311"> 311</a> </td> <td class="source"> unless otherwise defined, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l243" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l312" id="l312"> 312</a> </td> <td class="source"> each “missing” <a>sub-property</a> is assigned its <a>initial value</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l244" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l245" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l314" id="l314"> 314</a> </td> <td class="source"> <div class='note'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l316" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l315" id="l315"> 315</a> </td> <td class="source"> This means that a <a>shorthand</a> [=property declaration=] always sets <em>all</em> of its <a>sub-properties</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l247" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l316" id="l316"> 316</a> </td> <td class="source"> even those that are not explicitly set. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l248" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l317" id="l317"> 317</a> </td> <td class="source"> Carelessly used, this might result in inadvertently resetting some <a>sub-properties</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l249" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l318" id="l318"> 318</a> </td> <td class="source"> Carefully used, a <a>shorthand</a> can guarantee a “blank slate” </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l250" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l319" id="l319"> 319</a> </td> <td class="source"> by resetting <a>sub-properties</a> inadvertently cascaded from other sources. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l251" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l320" id="l320"> 320</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l252" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l321" id="l321"> 321</a> </td> <td class="source"> For example, writing ''background: green'' rather than ''background-color: green'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l323" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l322" id="l322"> 322</a> </td> <td class="source"> ensures that the background color overrides any earlier [=declarations=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l254" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l323" id="l323"> 323</a> </td> <td class="source"> that might have set the background to an image with 'background-image'. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l255" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l324" id="l324"> 324</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l256" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l257" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l326" id="l326"> 326</a> </td> <td class="source"> <div class='example'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l258" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l327" id="l327"> 327</a> </td> <td class="source"> For example, the CSS Level 1 'font' property </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l259" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l328" id="l328"> 328</a> </td> <td class="source"> is a <a>shorthand</a> property for setting <a property>font-style</a>, <a property>font-variant</a>, <a property>font-weight</a>, 'font-size', 'line-height', and <a property>font-family</a> all at once. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l260" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l329" id="l329"> 329</a> </td> <td class="source"> The multiple declarations of this example: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l261" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l330" id="l330"> 330</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l262" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l331" id="l331"> 331</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l263" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l332" id="l332"> 332</a> </td> <td class="source"> h1 { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l264" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l333" id="l333"> 333</a> </td> <td class="source"> font-weight: bold; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l265" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l334" id="l334"> 334</a> </td> <td class="source"> font-size: 12pt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l266" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l335" id="l335"> 335</a> </td> <td class="source"> line-height: 14pt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l267" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l336" id="l336"> 336</a> </td> <td class="source"> font-family: Helvetica; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l268" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l337" id="l337"> 337</a> </td> <td class="source"> font-variant: normal; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l269" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l338" id="l338"> 338</a> </td> <td class="source"> font-style: normal; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l270" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l339" id="l339"> 339</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l271" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l340" id="l340"> 340</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l272" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l341" id="l341"> 341</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l273" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l342" id="l342"> 342</a> </td> <td class="source"> can therefore be rewritten as </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l274" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l343" id="l343"> 343</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l275" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l344" id="l344"> 344</a> </td> <td class="source"> <pre class='lang-css'>h1 { font: bold 12pt/14pt Helvetica }</pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l276" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l345" id="l345"> 345</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l277" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l346" id="l346"> 346</a> </td> <td class="source"> As more 'font' <a>sub-properties</a> are introduced into CSS, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l278" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l347" id="l347"> 347</a> </td> <td class="source"> the shorthand declaration resets those to their initial values as well. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l279" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l348" id="l348"> 348</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l280" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l349" id="l349"> 349</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l281" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l350" id="l350"> 350</a> </td> <td class="source"> In some cases, a <a>shorthand</a> might have different syntax </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l282" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l351" id="l351"> 351</a> </td> <td class="source"> or special keywords </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l283" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l352" id="l352"> 352</a> </td> <td class="source"> that don't directly correspond to values of its <a>sub-properties</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l284" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l353" id="l353"> 353</a> </td> <td class="source"> (In such cases, the <a>shorthand</a> will explicitly define the expansion of its values.) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l285" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l354" id="l354"> 354</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l286" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l355" id="l355"> 355</a> </td> <td class="source"> In other cases, a property might be a <dfn export>reset-only sub-property</dfn> of the shorthand: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l287" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l356" id="l356"> 356</a> </td> <td class="source"> Like other <a>sub-properties</a>, it is reset to its initial value by the shorthand when unspecified, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l288" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l357" id="l357"> 357</a> </td> <td class="source"> but the shorthand might not include syntax to set the <a>sub-property</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l289" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l358" id="l358"> 358</a> </td> <td class="source"> to any of its other values. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62cb7ee7e177/css-cascade-5/Overview.bs#l303" title="62cb7ee7e177: [css-cascade] Fix references and cross-links.">fantasai@25929</a> </td> <td class="lineno"> <a href="#l359" id="l359"> 359</a> </td> <td class="source"> <span class=ex>For example, the 'border' shorthand resets 'border-image' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l291" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l360" id="l360"> 360</a> </td> <td class="source"> to its initial value of ''border-image/none'', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62cb7ee7e177/css-cascade-5/Overview.bs#l305" title="62cb7ee7e177: [css-cascade] Fix references and cross-links.">fantasai@25929</a> </td> <td class="lineno"> <a href="#l361" id="l361"> 361</a> </td> <td class="source"> but has no syntax to set it to anything else. [[css-backgrounds-3]]</span> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l293" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l362" id="l362"> 362</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l348" 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="#l363" id="l363"> 363</a> </td> <td class="source"> If a <a>shorthand</a> is specified as one of the <a href="https://www.w3.org/TR/css-values/#common-keywords">CSS-wide keywords</a> [[!css-values-3]], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l295" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l364" id="l364"> 364</a> </td> <td class="source"> it sets all of its <a>sub-properties</a> to that keyword, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l296" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l365" id="l365"> 365</a> </td> <td class="source"> including any that are <a>reset-only sub-properties</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l367" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l366" id="l366"> 366</a> </td> <td class="source"> (Note that these keywords cannot be combined with other values in a single [=declaration=], not even in a shorthand.) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l298" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l367" id="l367"> 367</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l299" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l368" id="l368"> 368</a> </td> <td class="source"> Declaring a <a>shorthand</a> property to be ''!important'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l300" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l369" id="l369"> 369</a> </td> <td class="source"> is equivalent to declaring all of its <a>sub-properties</a> to be ''!important''. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l301" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l370" id="l370"> 370</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l302" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l371" id="l371"> 371</a> </td> <td class="source"><h3 id="aliasing"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l362" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l372" id="l372"> 372</a> </td> <td class="source">Property Aliasing</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l304" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l373" id="l373"> 373</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l305" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l374" id="l374"> 374</a> </td> <td class="source"> Properties sometimes change names after being supported for a while, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l306" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l375" id="l375"> 375</a> </td> <td class="source"> such as vendor-prefixed properties being standardized. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l307" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l376" id="l376"> 376</a> </td> <td class="source"> The original name still needs to be supported for compatibility reasons, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l308" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l377" id="l377"> 377</a> </td> <td class="source"> but the new name is preferred. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l309" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l378" id="l378"> 378</a> </td> <td class="source"> To accomplish this, CSS defines two different ways of “aliasing” old syntax to new syntax. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l310" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l379" id="l379"> 379</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l311" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l380" id="l380"> 380</a> </td> <td class="source"> <dl export> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l312" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l381" id="l381"> 381</a> </td> <td class="source"> <dt><dfn lt="legacy name alias">legacy name aliases</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l313" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l382" id="l382"> 382</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l368" 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="#l383" id="l383"> 383</a> </td> <td class="source"> When the old property’s value syntax is identical </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l369" 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="#l384" id="l384"> 384</a> </td> <td class="source"> to that of the new property, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l316" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l385" id="l385"> 385</a> </td> <td class="source"> the two names are aliased with an operation on par with case-mapping: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l317" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l386" id="l386"> 386</a> </td> <td class="source"> at parse time, the old property is converted into the new property. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l318" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l387" id="l387"> 387</a> </td> <td class="source"> This conversion also applies in the CSSOM, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l319" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l388" id="l388"> 388</a> </td> <td class="source"> both for string arguments and property accessors: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l320" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l389" id="l389"> 389</a> </td> <td class="source"> requests for the old property name </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l321" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l390" id="l390"> 390</a> </td> <td class="source"> transparently transfer to the new property name instead. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l322" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l391" id="l391"> 391</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l323" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l392" id="l392"> 392</a> </td> <td class="source"> <div class=example highlight=js> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l324" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l393" id="l393"> 393</a> </td> <td class="source"> For example, if </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l325" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l394" id="l394"> 394</a> </td> <td class="source"> <css>old-name</css> is a <a>legacy name alias</a> for <css>new-name</css>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l326" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l395" id="l395"> 395</a> </td> <td class="source"> <code>getComputedStyle(el).oldName</code> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l327" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l396" id="l396"> 396</a> </td> <td class="source"> will return the computed style of the <code>newName</code> property, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l328" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l397" id="l397"> 397</a> </td> <td class="source"> and <code>el.style.setPropertyValue("old-name", "value")</code> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l329" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l398" id="l398"> 398</a> </td> <td class="source"> will set the <css>new-name</css> property to <code>"value"</code>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l330" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l399" id="l399"> 399</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l331" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l400" id="l400"> 400</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l332" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l401" id="l401"> 401</a> </td> <td class="source"> <dt><dfn lt="legacy shorthand">legacy shorthands</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l333" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l402" id="l402"> 402</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l334" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l403" id="l403"> 403</a> </td> <td class="source"> When the old property has a distinct syntax from the new property, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l335" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l404" id="l404"> 404</a> </td> <td class="source"> the two names are aliased using the <a>shorthand</a> mechanism. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l336" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l405" id="l405"> 405</a> </td> <td class="source"> These shorthands are defined to be <a>legacy shorthands</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l337" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l406" id="l406"> 406</a> </td> <td class="source"> and their use is <em>deprecated</em>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l338" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l407" id="l407"> 407</a> </td> <td class="source"> They otherwise behave exactly as regular shorthands, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l339" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l408" id="l408"> 408</a> </td> <td class="source"> except that the CSSOM will not use them </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l340" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l409" id="l409"> 409</a> </td> <td class="source"> when serializing declarations. [[CSSOM]] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l341" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l410" id="l410"> 410</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l342" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l411" id="l411"> 411</a> </td> <td class="source"> <div class=example highlight=js> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l343" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l412" id="l412"> 412</a> </td> <td class="source"> For example, the 'page-break-*' properties </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l344" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l413" id="l413"> 413</a> </td> <td class="source"> are <a>legacy shorthands</a> for the 'break-*' properties </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l345" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l414" id="l414"> 414</a> </td> <td class="source"> (see [[css-break-3#page-break-properties]]). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l346" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l415" id="l415"> 415</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l347" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l416" id="l416"> 416</a> </td> <td class="source"> Setting ''page-break-before: always'' expands to ''break-before: page'' at parse time, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l348" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l417" id="l417"> 417</a> </td> <td class="source"> like other shorthands do. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l349" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l418" id="l418"> 418</a> </td> <td class="source"> Similarly, if ''break-before: page'' is set, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l350" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l419" id="l419"> 419</a> </td> <td class="source"> calling <code>getComputedStyle(el).pageBreakBefore</code> will return <code>"always"</code>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l351" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l420" id="l420"> 420</a> </td> <td class="source"> However, when serializing a style block </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l352" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l421" id="l421"> 421</a> </td> <td class="source"> (see [[cssom-1#serializing-css-values]]), </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l353" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l422" id="l422"> 422</a> </td> <td class="source"> the 'page-break-before' property will never be chosen as the shorthand to serialize to, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l354" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l423" id="l423"> 423</a> </td> <td class="source"> regardless of whether it or 'break-before' was specified; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l355" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l424" id="l424"> 424</a> </td> <td class="source"> instead, 'break-before' will always be chosen. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l356" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l425" id="l425"> 425</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l357" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l426" id="l426"> 426</a> </td> <td class="source"> </dl> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l358" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l427" id="l427"> 427</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l359" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l428" id="l428"> 428</a> </td> <td class="source"><h3 id="all-shorthand" caniuse="css-all"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l360" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l429" id="l429"> 429</a> </td> <td class="source">Resetting All Properties: the 'all' property</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l361" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l430" id="l430"> 430</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l362" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l431" id="l431"> 431</a> </td> <td class="source"> <pre class="propdef shorthand"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l363" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l432" id="l432"> 432</a> </td> <td class="source"> Name: all </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l418" 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="#l433" id="l433"> 433</a> </td> <td class="source"> Value: initial | inherit | unset | revert | revert-layer </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l365" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l434" id="l434"> 434</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l366" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l435" id="l435"> 435</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l367" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l436" id="l436"> 436</a> </td> <td class="source"> The 'all' property is a <a>shorthand</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l368" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l437" id="l437"> 437</a> </td> <td class="source"> that resets <em>all</em> CSS properties </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l369" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l438" id="l438"> 438</a> </td> <td class="source"> except 'direction' and 'unicode-bidi'. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l424" 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="#l439" id="l439"> 439</a> </td> <td class="source"> It only accepts the <a href="https://www.w3.org/TR/css-values/#common-keywords">CSS-wide keywords</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l371" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l440" id="l440"> 440</a> </td> <td class="source"> It does not reset <a>custom properties</a> [[css-variables-1]]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l372" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l373" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l442" id="l442"> 442</a> </td> <td class="source"> Note: The excepted CSS properties 'direction' and 'unicode-bidi' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l374" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l443" id="l443"> 443</a> </td> <td class="source"> are actually markup-level features, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a25d26862ae1/css-cascade-5/Overview.bs#l407" title="a25d26862ae1: [css-cascade-5] CSS3-foo to css-foo-3">chris@26520</a> </td> <td class="lineno"> <a href="#l444" id="l444"> 444</a> </td> <td class="source"> and <a href="https://www.w3.org/TR/css-writing-modes-3/#text-direction">should not be set in the author's style sheet</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l376" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l445" id="l445"> 445</a> </td> <td class="source"> (They exist as CSS properties only to style document languages not supported by the UA.) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l377" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l446" id="l446"> 446</a> </td> <td class="source"> Authors should use the appropriate markup, such as HTML's <code>dir</code> attribute, instead. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l378" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l447" id="l447"> 447</a> </td> <td class="source"> [[css-writing-modes-3]] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l379" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l448" id="l448"> 448</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l380" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l449" id="l449"> 449</a> </td> <td class="source"> <div class='example'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6e6402e41fdb/css-cascade-5/Overview.bs#l411" title="6e6402e41fdb: [css-cascade] Sync 631c44c2cddbb888dc8e451aac7a35296e75af34 to all levels">fantasai@26503</a> </td> <td class="lineno"> <a href="#l450" id="l450"> 450</a> </td> <td class="source"> For example, if an author specifies ''all: initial'' on an element, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l382" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l451" id="l451"> 451</a> </td> <td class="source"> it will block all inheritance and reset all properties, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l383" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l452" id="l452"> 452</a> </td> <td class="source"> as if no rules appeared in the author, user, or user-agent levels of the cascade. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l384" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l385" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l454" id="l454"> 454</a> </td> <td class="source"> This can be useful for the root element of a "widget" included in a page, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l386" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l455" id="l455"> 455</a> </td> <td class="source"> which does not wish to inherit the styles of the outer page. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l387" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l456" id="l456"> 456</a> </td> <td class="source"> Note, however, that any "default" style applied to that element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l388" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l457" id="l457"> 457</a> </td> <td class="source"> (such as, e.g. ''display: block'' from the UA style sheet on block elements such as <code>&lt;div></code>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l389" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l458" id="l458"> 458</a> </td> <td class="source"> will also be blown away. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l390" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l459" id="l459"> 459</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l391" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l460" id="l460"> 460</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l392" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l461" id="l461"> 461</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l393" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l462" id="l462"> 462</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l402" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l471" id="l471"> 471</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l403" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l472" id="l472"> 472</a> </td> <td class="source"><h2 id="value-stages"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l404" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l473" id="l473"> 473</a> </td> <td class="source">Value Processing</h2> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l405" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l474" id="l474"> 474</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l406" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l475" id="l475"> 475</a> </td> <td class="source"> Once a user agent has parsed a document and constructed a document tree, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l407" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l476" id="l476"> 476</a> </td> <td class="source"> it must assign, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/64b27bc3b364/css-cascade-5/Overview.bs#l477" title="64b27bc3b364: [css-cascade-4][css-cascade-5] Sync levels">fantasai@28679</a> </td> <td class="lineno"> <a href="#l477" id="l477"> 477</a> </td> <td class="source"> to every element in the [=flat tree=], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l409" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l478" id="l478"> 478</a> </td> <td class="source"> and correspondingly to every box in the formatting structure, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l410" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l479" id="l479"> 479</a> </td> <td class="source"> a value to every property that applies to the target media type. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l411" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l480" id="l480"> 480</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l412" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l481" id="l481"> 481</a> </td> <td class="source"> The final value of a CSS property for a given element or box </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l413" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l482" id="l482"> 482</a> </td> <td class="source"> is the result of a multi-step calculation: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l414" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l483" id="l483"> 483</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l415" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l484" id="l484"> 484</a> </td> <td class="source"> <ol> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l416" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l485" id="l485"> 485</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l417" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l486" id="l486"> 486</a> </td> <td class="source"> First, all the <a>declared values</a> applied to an element are collected, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l418" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l487" id="l487"> 487</a> </td> <td class="source"> for each property on each element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l419" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l488" id="l488"> 488</a> </td> <td class="source"> There may be zero or many <a>declared values</a> applied to the element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l420" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l421" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l490" id="l490"> 490</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l422" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l491" id="l491"> 491</a> </td> <td class="source"> Cascading yields the <a>cascaded value</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l423" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l492" id="l492"> 492</a> </td> <td class="source"> There is at most one <a>cascaded value</a> per property per element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l424" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l493" id="l493"> 493</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l425" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l494" id="l494"> 494</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l426" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l495" id="l495"> 495</a> </td> <td class="source"> Defaulting yields the <a>specified value</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l427" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l496" id="l496"> 496</a> </td> <td class="source"> Every element has exactly one <a>specified value</a> per property. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l428" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l497" id="l497"> 497</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l429" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l498" id="l498"> 498</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l430" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l499" id="l499"> 499</a> </td> <td class="source"> Resolving value dependencies yields the <a>computed value</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l431" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l500" id="l500"> 500</a> </td> <td class="source"> Every element has exactly one <a>computed value</a> per property. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l432" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l501" id="l501"> 501</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l433" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l502" id="l502"> 502</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l434" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l503" id="l503"> 503</a> </td> <td class="source"> Formatting the document yields the <a>used value</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l435" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l504" id="l504"> 504</a> </td> <td class="source"> An element only has a <a>used value</a> for a given property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l436" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l505" id="l505"> 505</a> </td> <td class="source"> if that property applies to the element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l437" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l506" id="l506"> 506</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l438" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l507" id="l507"> 507</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l439" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l508" id="l508"> 508</a> </td> <td class="source"> Finally, the used value is transformed to the <a>actual value</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l440" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l509" id="l509"> 509</a> </td> <td class="source"> based on constraints of the display environment. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l441" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l510" id="l510"> 510</a> </td> <td class="source"> As with the <a>used value</a>, there may or may not be an <a>actual value</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l442" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l511" id="l511"> 511</a> </td> <td class="source"> for a given property on an element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l443" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l512" id="l512"> 512</a> </td> <td class="source"> </ol> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l444" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l513" id="l513"> 513</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0dffdf444dcf/css-cascade-5/Overview.bs#l458" title="0dffdf444dcf: [css-cascade] Fix a typo, and sync with level 5.">jackalmage@26491</a> </td> <td class="lineno"> <a href="#l514" id="l514"> 514</a> </td> <td class="source"> Elements that are not [=connected=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0dffdf444dcf/css-cascade-5/Overview.bs#l459" title="0dffdf444dcf: [css-cascade] Fix a typo, and sync with level 5.">jackalmage@26491</a> </td> <td class="lineno"> <a href="#l515" id="l515"> 515</a> </td> <td class="source"> or are not part of the document’s [=flattened element tree=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0dffdf444dcf/css-cascade-5/Overview.bs#l460" title="0dffdf444dcf: [css-cascade] Fix a typo, and sync with level 5.">jackalmage@26491</a> </td> <td class="lineno"> <a href="#l516" id="l516"> 516</a> </td> <td class="source"> do not participate in CSS value processing, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0dffdf444dcf/css-cascade-5/Overview.bs#l461" title="0dffdf444dcf: [css-cascade] Fix a typo, and sync with level 5.">jackalmage@26491</a> </td> <td class="lineno"> <a href="#l517" id="l517"> 517</a> </td> <td class="source"> and do not have [=declared=], [=cascaded=], [=specified=], [=computed=], [=used=], or [=actual=] values, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l519" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l518" id="l518"> 518</a> </td> <td class="source"> even if they potentially have style [=declarations=] assigned to them </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0dffdf444dcf/css-cascade-5/Overview.bs#l463" title="0dffdf444dcf: [css-cascade] Fix a typo, and sync with level 5.">jackalmage@26491</a> </td> <td class="lineno"> <a href="#l519" id="l519"> 519</a> </td> <td class="source"> (for example, by a <code>style</code> attribute). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0dffdf444dcf/css-cascade-5/Overview.bs#l464" title="0dffdf444dcf: [css-cascade] Fix a typo, and sync with level 5.">jackalmage@26491</a> </td> <td class="lineno"> <a href="#l520" id="l520"> 520</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l445" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l521" id="l521"> 521</a> </td> <td class="source"><h3 id="declared"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l446" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l522" id="l522"> 522</a> </td> <td class="source">Declared Values</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l447" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l523" id="l523"> 523</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l525" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l524" id="l524"> 524</a> </td> <td class="source"> Each [=property declaration=] <a href="#filtering">applied to an element</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l510" 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="#l525" id="l525"> 525</a> </td> <td class="source"> contributes a <dfn export local-lt="declared">declared value</dfn> for that property </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l450" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l526" id="l526"> 526</a> </td> <td class="source"> associated with the element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l451" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l527" id="l527"> 527</a> </td> <td class="source"> See <a href="#filtering">Filtering Declarations</a> for details. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l452" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l528" id="l528"> 528</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l453" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l529" id="l529"> 529</a> </td> <td class="source"> These values are then processed by the <a>cascade</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l454" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l530" id="l530"> 530</a> </td> <td class="source"> to choose a single “winning value”. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l455" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l531" id="l531"> 531</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l522" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l532" id="l532"> 532</a> </td> <td class="source"><h4 id="value-aliasing"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l523" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l533" id="l533"> 533</a> </td> <td class="source">Value Aliasing</h4> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l524" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l534" id="l534"> 534</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/85c82aba2ad3/css-cascade-5/Overview.bs#l531" title="85c82aba2ad3: [css-cascade] Allow functional notation parse-time aliases as well. #6193">fantasai@27927</a> </td> <td class="lineno"> <a href="#l535" id="l535"> 535</a> </td> <td class="source"> Some property values have <dfn export for=CSS lt="legacy value alias">legacy value aliases</dfn>: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/85c82aba2ad3/css-cascade-5/Overview.bs#l532" title="85c82aba2ad3: [css-cascade] Allow functional notation parse-time aliases as well. #6193">fantasai@27927</a> </td> <td class="lineno"> <a href="#l536" id="l536"> 536</a> </td> <td class="source"> at parse time, the legacy syntax is converted into the new syntax, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l527" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l537" id="l537"> 537</a> </td> <td class="source"> resulting in a [=declared value=] different from the parsed input. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l528" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l538" id="l538"> 538</a> </td> <td class="source"> These aliases are typically used for handling legacy compatibility requirements, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l529" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l539" id="l539"> 539</a> </td> <td class="source"> such as converting [=vendor-prefixed=] values to their standard equivalents. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l530" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l540" id="l540"> 540</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l456" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l541" id="l541"> 541</a> </td> <td class="source"><h3 id="cascaded"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l457" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l542" id="l542"> 542</a> </td> <td class="source">Cascaded Values</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l458" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l543" id="l543"> 543</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l520" 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="#l544" id="l544"> 544</a> </td> <td class="source"> The <dfn export local-lt="cascaded">cascaded value</dfn> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l521" 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="#l545" id="l545"> 545</a> </td> <td class="source"> represents the result of <a href="#cascade">the cascade</a>: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l460" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l546" id="l546"> 546</a> </td> <td class="source"> it is the <a>declared value</a> that wins the cascade </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l461" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l547" id="l547"> 547</a> </td> <td class="source"> (is sorted first in the <a>output of the cascade</a>). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l462" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l548" id="l548"> 548</a> </td> <td class="source"> If the <a>output of the cascade</a> is an empty list, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l463" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l549" id="l549"> 549</a> </td> <td class="source"> there is no <a>cascaded value</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l464" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l550" id="l550"> 550</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l465" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l551" id="l551"> 551</a> </td> <td class="source"><h3 id="specified"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l466" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l552" id="l552"> 552</a> </td> <td class="source">Specified Values</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l467" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l553" id="l553"> 553</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l530" 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="#l554" id="l554"> 554</a> </td> <td class="source"> The <dfn export local-lt="specified">specified value</dfn> is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l531" 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="#l555" id="l555"> 555</a> </td> <td class="source"> the value of a given property that the style sheet authors intended for that element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l469" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l556" id="l556"> 556</a> </td> <td class="source"> It is the result of putting the <a>cascaded value</a> through the <a href="#defaulting">defaulting</a> processes, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l470" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l557" id="l557"> 557</a> </td> <td class="source"> guaranteeing that a <a>specified value</a> exists for every property on every element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l471" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l558" id="l558"> 558</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l472" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l559" id="l559"> 559</a> </td> <td class="source"> In many cases, the <a>specified value</a> is the <a>cascaded value</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l473" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l560" id="l560"> 560</a> </td> <td class="source"> However, if there is no <a>cascaded value</a> at all, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l474" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l561" id="l561"> 561</a> </td> <td class="source"> the <a>specified value</a> is <a href="#defaulting">defaulted</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l475" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l562" id="l562"> 562</a> </td> <td class="source"> The [=CSS-wide keywords=] are handled specially </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l476" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l563" id="l563"> 563</a> </td> <td class="source"> when they are the <a>cascaded value</a> of a property, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l477" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l564" id="l564"> 564</a> </td> <td class="source"> setting the <a>specified value</a> as required by that keyword, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l478" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l565" id="l565"> 565</a> </td> <td class="source"> see [[#defaulting-keywords]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l479" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l566" id="l566"> 566</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l480" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l567" id="l567"> 567</a> </td> <td class="source"><h3 id="computed"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l481" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l568" id="l568"> 568</a> </td> <td class="source">Computed Values</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l482" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l569" id="l569"> 569</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l546" 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="#l570" id="l570"> 570</a> </td> <td class="source"> The <dfn export local-lt="computed">computed value</dfn> is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l547" 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="#l571" id="l571"> 571</a> </td> <td class="source"> the result of resolving the <a>specified value</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l484" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l572" id="l572"> 572</a> </td> <td class="source"> as defined in the “Computed Value” line of the property definition table, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l485" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l573" id="l573"> 573</a> </td> <td class="source"> generally absolutizing it in preparation for <a>inheritance</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l486" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l487" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l575" id="l575"> 575</a> </td> <td class="source"> Note: The <a>computed value</a> is the value that is transferred from parent to child during <a>inheritance</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l488" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l576" id="l576"> 576</a> </td> <td class="source"> For historical reasons, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l489" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l577" id="l577"> 577</a> </td> <td class="source"> it is not necessarily the value returned by the {{getComputedStyle()}} function, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l490" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l578" id="l578"> 578</a> </td> <td class="source"> which sometimes returns <a>used values</a>. [[CSSOM]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l491" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l579" id="l579"> 579</a> </td> <td class="source"> Furthermore, the <a>computed value</a> is an abstract data representation: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l492" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l580" id="l580"> 580</a> </td> <td class="source"> their definitions reflect that data representation, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l493" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l581" id="l581"> 581</a> </td> <td class="source"> not how that data is serialized. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l494" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l582" id="l582"> 582</a> </td> <td class="source"> For example, serialization rules often allow omitting certain values which are implied during parsing; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l495" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l583" id="l583"> 583</a> </td> <td class="source"> but those values are nonetheless part of the <a>computed value</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l496" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l584" id="l584"> 584</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l497" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l585" id="l585"> 585</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l498" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l586" id="l586"> 586</a> </td> <td class="source"> A <a>specified value</a> can be either absolute (i.e., not relative to another value, as in ''red'' or ''2mm'') </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l499" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l587" id="l587"> 587</a> </td> <td class="source"> or relative (i.e., relative to another value, as in ''auto'', ''2em''). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l500" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l588" id="l588"> 588</a> </td> <td class="source"> Computing a relative value generally absolutizes it: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l501" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l589" id="l589"> 589</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l502" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l590" id="l590"> 590</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l503" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l591" id="l591"> 591</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l504" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l592" id="l592"> 592</a> </td> <td class="source"> values with relative units </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l505" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l593" id="l593"> 593</a> </td> <td class="source"> (''em'', ''ex'', ''vh'', ''vw'') </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l506" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l594" id="l594"> 594</a> </td> <td class="source"> must be made absolute by multiplying with the appropriate reference size </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l507" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l595" id="l595"> 595</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l508" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l596" id="l596"> 596</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l509" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l597" id="l597"> 597</a> </td> <td class="source"> certain keywords </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l510" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l598" id="l598"> 598</a> </td> <td class="source"> (e.g., ''smaller'', ''bolder'') </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l511" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l599" id="l599"> 599</a> </td> <td class="source"> must be replaced according to their definitions </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l512" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l600" id="l600"> 600</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l513" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l601" id="l601"> 601</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l514" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l602" id="l602"> 602</a> </td> <td class="source"> percentages on some properties must be multiplied by a reference value </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l515" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l603" id="l603"> 603</a> </td> <td class="source"> (defined by the property) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l516" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l604" id="l604"> 604</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l517" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l605" id="l605"> 605</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l518" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l606" id="l606"> 606</a> </td> <td class="source"> valid relative URLs must be resolved to become absolute. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l519" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l607" id="l607"> 607</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l520" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l608" id="l608"> 608</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l521" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l609" id="l609"> 609</a> </td> <td class="source"> See examples (f), (g) and (h) in the <a href="#stages-examples">table below</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l522" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l610" id="l610"> 610</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l523" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l611" id="l611"> 611</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l524" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l612" id="l612"> 612</a> </td> <td class="source"> Note: In general, the <a>computed value</a> resolves the <a>specified value</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l525" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l613" id="l613"> 613</a> </td> <td class="source"> as far as possible without laying out the document </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l526" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l614" id="l614"> 614</a> </td> <td class="source"> or performing other expensive or hard-to-parallelize operations, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l527" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l615" id="l615"> 615</a> </td> <td class="source"> such as resolving network requests </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l528" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l616" id="l616"> 616</a> </td> <td class="source"> or retrieving values other than from the element and its parent. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l529" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l530" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l618" id="l618"> 618</a> </td> <td class="source"> The <a>computed value</a> exists even when the property does not apply. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l531" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l619" id="l619"> 619</a> </td> <td class="source"> However, some properties may change how they determine the <a>computed value</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l532" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l620" id="l620"> 620</a> </td> <td class="source"> based on whether the property [=applies to=] the element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l533" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l621" id="l621"> 621</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l534" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l622" id="l622"> 622</a> </td> <td class="source"><h3 id='used'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l535" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l623" id="l623"> 623</a> </td> <td class="source">Used Values</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l536" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l624" id="l624"> 624</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l601" 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="#l625" id="l625"> 625</a> </td> <td class="source"> The <dfn export local-lt="used">used value</dfn> is </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l602" 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="#l626" id="l626"> 626</a> </td> <td class="source"> the result of taking the <a>computed value</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l538" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l627" id="l627"> 627</a> </td> <td class="source"> and completing any remaining calculations to make it the absolute theoretical value </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l539" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l628" id="l628"> 628</a> </td> <td class="source"> used in the formatting of the document. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l540" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l629" id="l629"> 629</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l541" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l630" id="l630"> 630</a> </td> <td class="source"> <p class='example'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l542" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l631" id="l631"> 631</a> </td> <td class="source"> For example, a declaration of ''width: auto'' can't be resolved into a length without knowing the layout of the element's ancestors, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l543" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l632" id="l632"> 632</a> </td> <td class="source"> so the <a>computed value</a> is ''auto'', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l544" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l633" id="l633"> 633</a> </td> <td class="source"> while the <a>used value</a> is an absolute length, such as ''100px''. [[CSS2]] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l545" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l634" id="l634"> 634</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l546" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l635" id="l635"> 635</a> </td> <td class="source"> <p class='example'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l547" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l636" id="l636"> 636</a> </td> <td class="source"> As another example, a <code>&lt;div></code> might have a computed 'break-before' value of ''auto'', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l548" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l637" id="l637"> 637</a> </td> <td class="source"> but acquire a used 'break-before' value of ''break-before/page'' by propagation from its first child. [[css-break-3]] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l549" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/dfe5f345ac42/css-cascade-5/Overview.bs#l615" 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="#l639" id="l639"> 639</a> </td> <td class="source"> If a property does not [=apply to=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l616" 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="#l640" id="l640"> 640</a> </td> <td class="source"> this element or box type </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l617" 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="#l641" id="l641"> 641</a> </td> <td class="source"> then it has no <a>used value</a> for that property. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l555" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l642" id="l642"> 642</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l556" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l643" id="l643"> 643</a> </td> <td class="source"> <p class='example'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l557" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l644" id="l644"> 644</a> </td> <td class="source"> For example, the 'flex' property has no <a>used value</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l558" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l645" id="l645"> 645</a> </td> <td class="source"> on elements that aren't <a>flex items</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l559" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l646" id="l646"> 646</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l634" 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="#l647" id="l647"> 647</a> </td> <td class="source"><h4 id="applies-to"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l635" 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="#l648" id="l648"> 648</a> </td> <td class="source">Applicable Properties</h4> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l636" 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="#l649" id="l649"> 649</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l637" 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="#l650" id="l650"> 650</a> </td> <td class="source"> If a property does not <dfn export for=CSS id="apply">apply to</dfn> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l638" 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="#l651" id="l651"> 651</a> </td> <td class="source"> an element or box type-- </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l639" 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="#l652" id="l652"> 652</a> </td> <td class="source"> as noted in its “Applies to” line-- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l640" 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="#l653" id="l653"> 653</a> </td> <td class="source"> this means it does not directly take effect on that type of box or element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l641" 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="#l654" id="l654"> 654</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l642" 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="#l655" id="l655"> 655</a> </td> <td class="source"> Note: A property that does not apply </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l643" 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="#l656" id="l656"> 656</a> </td> <td class="source"> can still have <em>indirect</em> formatting effects </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l644" 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="#l657" id="l657"> 657</a> </td> <td class="source"> if its computed value affects the computation of other properties </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l645" 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="#l658" id="l658"> 658</a> </td> <td class="source"> that do apply; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l646" 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="#l659" id="l659"> 659</a> </td> <td class="source"> and of course its [=computed value=], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l647" 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="#l660" id="l660"> 660</a> </td> <td class="source"> which always exists, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l648" 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="#l661" id="l661"> 661</a> </td> <td class="source"> can still inherit to descendants </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l649" 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="#l662" id="l662"> 662</a> </td> <td class="source"> and take effect on them. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l650" 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="#l663" id="l663"> 663</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l651" 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="#l664" id="l664"> 664</a> </td> <td class="source"> <div class=example> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l652" 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="#l665" id="l665"> 665</a> </td> <td class="source"> Even though 'writing-mode' and 'text-orientation' do not apply to table rows </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l653" 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="#l666" id="l666"> 666</a> </td> <td class="source"> (they do not affect how the table row or its children are laid out), </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l654" 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="#l667" id="l667"> 667</a> </td> <td class="source"> setting them on such boxes </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l655" 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="#l668" id="l668"> 668</a> </td> <td class="source"> will still affect the calculation of font relative units such as ''ch'', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l656" 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="#l669" id="l669"> 669</a> </td> <td class="source"> and thus possibly any property that takes a <<length>>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l657" 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="#l670" id="l670"> 670</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l658" 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="#l671" id="l671"> 671</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l659" 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="#l672" id="l672"> 672</a> </td> <td class="source"> <div class=example> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l660" 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="#l673" id="l673"> 673</a> </td> <td class="source"> Setting 'text-transform' on an HTML <{p}> element </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l661" 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="#l674" id="l674"> 674</a> </td> <td class="source"> (which is ''display: block'' by default) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l662" 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="#l675" id="l675"> 675</a> </td> <td class="source"> will have an effect, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l663" 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="#l676" id="l676"> 676</a> </td> <td class="source"> even though 'text-transform' only applies to [=inline boxes=], </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l664" 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="#l677" id="l677"> 677</a> </td> <td class="source"> because the property inherits </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l665" 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="#l678" id="l678"> 678</a> </td> <td class="source"> into the paragraph's anonymous [=root inline box=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l666" 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="#l679" id="l679"> 679</a> </td> <td class="source"> and applies to the text it contains. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l667" 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="#l680" id="l680"> 680</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l668" 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="#l681" id="l681"> 681</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l669" 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="#l682" id="l682"> 682</a> </td> <td class="source"> Note: A property defined to apply to “all elements” </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l670" 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="#l683" id="l683"> 683</a> </td> <td class="source"> applies to all elements and [=display types=], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l671" 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="#l684" id="l684"> 684</a> </td> <td class="source"> but not necessarily to all [=pseudo-element=] types, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l672" 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="#l685" id="l685"> 685</a> </td> <td class="source"> since pseudo-elements often have their own specific rendering models </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l673" 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="#l686" id="l686"> 686</a> </td> <td class="source"> or other restrictions. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l674" 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="#l687" id="l687"> 687</a> </td> <td class="source"> The ''::before'' and ''::after'' pseudo-elements, however, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l675" 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="#l688" id="l688"> 688</a> </td> <td class="source"> are defined to generate boxes almost exactly like normal elements </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l676" 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="#l689" id="l689"> 689</a> </td> <td class="source"> and are therefore defined accept all properties that apply to “all elements”. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l677" 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="#l690" id="l690"> 690</a> </td> <td class="source"> See [[CSS-PSEUDO-4]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l678" 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="#l691" id="l691"> 691</a> </td> <td class="source"> for more information about [=pseudo-elements=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l679" 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="#l692" id="l692"> 692</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l571" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l693" id="l693"> 693</a> </td> <td class="source"><h3 id="actual"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l572" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l694" id="l694"> 694</a> </td> <td class="source">Actual Values</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l573" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l695" id="l695"> 695</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l574" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l696" id="l696"> 696</a> </td> <td class="source"> A <a>used value</a> is in principle ready to be used, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l575" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l697" id="l697"> 697</a> </td> <td class="source"> but a user agent may not be able to make use of the value in a given environment. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62cb7ee7e177/css-cascade-5/Overview.bs#l589" title="62cb7ee7e177: [css-cascade] Fix references and cross-links.">fantasai@25929</a> </td> <td class="lineno"> <a href="#l698" id="l698"> 698</a> </td> <td class="source"> <span class=ex>For example, a user agent may only be able to render borders with integer pixel widths </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l577" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l699" id="l699"> 699</a> </td> <td class="source"> and may therefore have to approximate the <a lt="used value">used</a> width. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l578" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l700" id="l700"> 700</a> </td> <td class="source"> Also, the font size of an element may need adjustment based on the availability of fonts </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/62cb7ee7e177/css-cascade-5/Overview.bs#l592" title="62cb7ee7e177: [css-cascade] Fix references and cross-links.">fantasai@25929</a> </td> <td class="lineno"> <a href="#l701" id="l701"> 701</a> </td> <td class="source"> or the value of the 'font-size-adjust' property.</span> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l689" 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="#l702" id="l702"> 702</a> </td> <td class="source"> The <dfn export local-lt="actual">actual value</dfn> is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l690" 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="#l703" id="l703"> 703</a> </td> <td class="source"> the used value after any such adjustments have been made. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l581" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l704" id="l704"> 704</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l582" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l705" id="l705"> 705</a> </td> <td class="source"> Note: By probing the actual values of elements, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l583" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l706" id="l706"> 706</a> </td> <td class="source"> much can be learned about how the document is laid out. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l584" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l707" id="l707"> 707</a> </td> <td class="source"> However, not all information is recorded in the actual values. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l585" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l708" id="l708"> 708</a> </td> <td class="source"> For example, the actual value of the 'page-break-after' property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l586" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l709" id="l709"> 709</a> </td> <td class="source"> does not reflect whether there is a page break or not after the element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l587" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l710" id="l710"> 710</a> </td> <td class="source"> Similarly, the actual value of 'orphans' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l588" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l711" id="l711"> 711</a> </td> <td class="source"> does not reflect how many orphan lines there is in a certain element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l589" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l712" id="l712"> 712</a> </td> <td class="source"> See examples (j) and (k) in the <a href="#stages-examples">table below</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l590" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l713" id="l713"> 713</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l591" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l714" id="l714"> 714</a> </td> <td class="source"><h3 id="stages-examples"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l592" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l715" id="l715"> 715</a> </td> <td class="source">Examples</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l593" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/62cb7ee7e177/css-cascade-5/Overview.bs#l607" title="62cb7ee7e177: [css-cascade] Fix references and cross-links.">fantasai@25929</a> </td> <td class="lineno"> <a href="#l717" id="l717"> 717</a> </td> <td class="source"> <table class="data non-normative"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62cb7ee7e177/css-cascade-5/Overview.bs#l608" title="62cb7ee7e177: [css-cascade] Fix references and cross-links.">fantasai@25929</a> </td> <td class="lineno"> <a href="#l718" id="l718"> 718</a> </td> <td class="source"> <caption>Examples of CSS Value Computation</caption> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l595" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l719" id="l719"> 719</a> </td> <td class="source"> <thead> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l596" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l720" id="l720"> 720</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l597" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l721" id="l721"> 721</a> </td> <td class="source"> <th> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l598" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l722" id="l722"> 722</a> </td> <td class="source"> <th>Property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l599" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l723" id="l723"> 723</a> </td> <td class="source"> <th>Winning declaration </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l600" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l724" id="l724"> 724</a> </td> <td class="source"> <th>Cascaded value </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l601" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l725" id="l725"> 725</a> </td> <td class="source"> <th>Specified value </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l602" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l726" id="l726"> 726</a> </td> <td class="source"> <th>Computed value </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l603" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l727" id="l727"> 727</a> </td> <td class="source"> <th>Used value </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l604" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l728" id="l728"> 728</a> </td> <td class="source"> <th>Actual value </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l605" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l729" id="l729"> 729</a> </td> <td class="source"> <tbody> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l606" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l730" id="l730"> 730</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l607" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l731" id="l731"> 731</a> </td> <td class="source"> <td>(a) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l608" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l732" id="l732"> 732</a> </td> <td class="source"> <th>'text-align' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l609" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l733" id="l733"> 733</a> </td> <td class="source"> <td><code class="declaration">text-align: left</code> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l610" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l734" id="l734"> 734</a> </td> <td class="source"> <td><css>left</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l611" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l735" id="l735"> 735</a> </td> <td class="source"> <td><css>left</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l612" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l736" id="l736"> 736</a> </td> <td class="source"> <td><css>left</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l613" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l737" id="l737"> 737</a> </td> <td class="source"> <td><css>left</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l614" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l738" id="l738"> 738</a> </td> <td class="source"> <td><css>left</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l615" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l739" id="l739"> 739</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l616" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l740" id="l740"> 740</a> </td> <td class="source"> <td>(b) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l617" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l741" id="l741"> 741</a> </td> <td class="source"> <th>'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l618" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l742" id="l742"> 742</a> </td> <td class="source"> <td><code class="declaration">border-width: inherit</code> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l619" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l743" id="l743"> 743</a> </td> <td class="source"> <td><css>inherit</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l620" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l744" id="l744"> 744</a> </td> <td class="source"> <td class="say"><css>4.2px</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l621" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l745" id="l745"> 745</a> </td> <td class="source"> <td><css>4.2px</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l622" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l746" id="l746"> 746</a> </td> <td class="source"> <td><css>4.2px</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l623" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l747" id="l747"> 747</a> </td> <td class="source"> <td><css>4px</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l624" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l748" id="l748"> 748</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l625" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l749" id="l749"> 749</a> </td> <td class="source"> <td>(c) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l626" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l750" id="l750"> 750</a> </td> <td class="source"> <th>'width' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l627" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l751" id="l751"> 751</a> </td> <td class="source"> <td><small>(none)</small> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l628" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l752" id="l752"> 752</a> </td> <td class="source"> <td><small>(none)</small> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l629" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l753" id="l753"> 753</a> </td> <td class="source"> <td><css>auto</css> <small>(initial&nbsp;value)</small> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l630" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l754" id="l754"> 754</a> </td> <td class="source"> <td><css>auto</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l631" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l755" id="l755"> 755</a> </td> <td class="source"> <td><css>120px</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l632" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l756" id="l756"> 756</a> </td> <td class="source"> <td><css>120px</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l633" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l757" id="l757"> 757</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l634" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l758" id="l758"> 758</a> </td> <td class="source"> <td>(d) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l635" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l759" id="l759"> 759</a> </td> <td class="source"> <th>'list-style-position' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l636" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l760" id="l760"> 760</a> </td> <td class="source"> <td><code class="declaration">list-style-position: inherit</code> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l637" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l761" id="l761"> 761</a> </td> <td class="source"> <td><css>inherit</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l638" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l762" id="l762"> 762</a> </td> <td class="source"> <td class="say"><css>inside</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l639" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l763" id="l763"> 763</a> </td> <td class="source"> <td><css>inside</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l640" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l764" id="l764"> 764</a> </td> <td class="source"> <td><css>inside</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l641" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l765" id="l765"> 765</a> </td> <td class="source"> <td><css>inside</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l642" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l766" id="l766"> 766</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l643" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l767" id="l767"> 767</a> </td> <td class="source"> <td>(e) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l644" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l768" id="l768"> 768</a> </td> <td class="source"> <th>'list-style-position' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l645" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l769" id="l769"> 769</a> </td> <td class="source"> <td><code class="declaration">list-style-position: initial</code> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l646" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l770" id="l770"> 770</a> </td> <td class="source"> <td><css>initial</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l647" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l771" id="l771"> 771</a> </td> <td class="source"> <td><css>outside</css> <small>(initial&nbsp;value)</small> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l648" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l772" id="l772"> 772</a> </td> <td class="source"> <td><css>outside</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l649" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l773" id="l773"> 773</a> </td> <td class="source"> <td><css>outside</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l650" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l774" id="l774"> 774</a> </td> <td class="source"> <td><css>outside</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l651" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l775" id="l775"> 775</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l652" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l776" id="l776"> 776</a> </td> <td class="source"> <td>(f) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l653" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l777" id="l777"> 777</a> </td> <td class="source"> <th>'font-size' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l654" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l778" id="l778"> 778</a> </td> <td class="source"> <td><code class="declaration">font-size: 1.2em</code> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l655" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l779" id="l779"> 779</a> </td> <td class="source"> <td><css>1.2em</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l656" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l780" id="l780"> 780</a> </td> <td class="source"> <td><css>1.2em</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l657" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l781" id="l781"> 781</a> </td> <td class="source"> <td class="say"><css>14.1px</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l658" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l782" id="l782"> 782</a> </td> <td class="source"> <td><css>14.1px</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l659" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l783" id="l783"> 783</a> </td> <td class="source"> <td><css>14px</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l660" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l784" id="l784"> 784</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l661" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l785" id="l785"> 785</a> </td> <td class="source"> <td>(g) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l662" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l786" id="l786"> 786</a> </td> <td class="source"> <th>'width' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l663" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l787" id="l787"> 787</a> </td> <td class="source"> <td><code class="declaration">width: 80%</code> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l664" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l788" id="l788"> 788</a> </td> <td class="source"> <td><css>80%</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l665" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l789" id="l789"> 789</a> </td> <td class="source"> <td><css>80%</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l666" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l790" id="l790"> 790</a> </td> <td class="source"> <td><css>80%</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l667" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l791" id="l791"> 791</a> </td> <td class="source"> <td class="say"><css>354.2px</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l668" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l792" id="l792"> 792</a> </td> <td class="source"> <td><css>354px</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l669" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l793" id="l793"> 793</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l670" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l794" id="l794"> 794</a> </td> <td class="source"> <td>(h) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l671" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l795" id="l795"> 795</a> </td> <td class="source"> <th>'width' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l672" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l796" id="l796"> 796</a> </td> <td class="source"> <td><code class="declaration">width: auto</code> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l673" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l797" id="l797"> 797</a> </td> <td class="source"> <td><css>auto</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l674" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l798" id="l798"> 798</a> </td> <td class="source"> <td><css>auto</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l675" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l799" id="l799"> 799</a> </td> <td class="source"> <td><css>auto</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l676" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l800" id="l800"> 800</a> </td> <td class="source"> <td class="say"><css>134px</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l677" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l801" id="l801"> 801</a> </td> <td class="source"> <td><css>134px</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l678" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l802" id="l802"> 802</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l679" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l803" id="l803"> 803</a> </td> <td class="source"> <td>(i) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l680" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l804" id="l804"> 804</a> </td> <td class="source"> <th>'height' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l681" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l805" id="l805"> 805</a> </td> <td class="source"> <td><code class="declaration">height: auto</code> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l682" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l806" id="l806"> 806</a> </td> <td class="source"> <td><css>auto</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l683" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l807" id="l807"> 807</a> </td> <td class="source"> <td><css>auto</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l684" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l808" id="l808"> 808</a> </td> <td class="source"> <td><css>auto</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l685" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l809" id="l809"> 809</a> </td> <td class="source"> <td class="say"><css>176px</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l686" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l810" id="l810"> 810</a> </td> <td class="source"> <td><css>176px</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l687" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l811" id="l811"> 811</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l688" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l812" id="l812"> 812</a> </td> <td class="source"> <td>(j) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l689" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l813" id="l813"> 813</a> </td> <td class="source"> <th>'page-break-after' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l690" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l814" id="l814"> 814</a> </td> <td class="source"> <td><small>(none)</small> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l691" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l815" id="l815"> 815</a> </td> <td class="source"> <td><small>(none)</small> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l692" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l816" id="l816"> 816</a> </td> <td class="source"> <td><css>auto</css> <small>(initial&nbsp;value)</small> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l693" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l817" id="l817"> 817</a> </td> <td class="source"> <td><css>auto</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l694" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l818" id="l818"> 818</a> </td> <td class="source"> <td><css>auto</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l695" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l819" id="l819"> 819</a> </td> <td class="source"> <td><css>auto</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l696" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l820" id="l820"> 820</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l697" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l821" id="l821"> 821</a> </td> <td class="source"> <td>(k) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l698" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l822" id="l822"> 822</a> </td> <td class="source"> <th>'orphans' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l699" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l823" id="l823"> 823</a> </td> <td class="source"> <td><code class="declaration">orphans: 3</code> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l700" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l824" id="l824"> 824</a> </td> <td class="source"> <td><css>3</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l701" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l825" id="l825"> 825</a> </td> <td class="source"> <td><css>3</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l702" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l826" id="l826"> 826</a> </td> <td class="source"> <td><css>3</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l703" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l827" id="l827"> 827</a> </td> <td class="source"> <td><css>3</css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l704" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l828" id="l828"> 828</a> </td> <td class="source"> <td><css>3</css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l705" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l829" id="l829"> 829</a> </td> <td class="source"> </table> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l706" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l830" id="l830"> 830</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l818" 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="#l831" id="l831"> 831</a> </td> <td class="source"><h3 id="fragments"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l819" 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="#l832" id="l832"> 832</a> </td> <td class="source">Per-Fragment Value Processing</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l820" 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="#l833" id="l833"> 833</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l821" 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="#l834" id="l834"> 834</a> </td> <td class="source"> Certain CSS features </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l822" 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="#l835" id="l835"> 835</a> </td> <td class="source"> can interfere with value processing </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l823" 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="#l836" id="l836"> 836</a> </td> <td class="source"> on a per-fragment basis. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l824" 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="#l837" id="l837"> 837</a> </td> <td class="source"> See for example [[css-pseudo-4#first-line-inheritance]] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l825" 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="#l838" id="l838"> 838</a> </td> <td class="source"> which alters inheritance for fragments within the ''::first-line'' pseudo-element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l826" 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="#l839" id="l839"> 839</a> </td> <td class="source"> In such cases, where individual fragments are given different [=specified values=], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l827" 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="#l840" id="l840"> 840</a> </td> <td class="source"> any values that resolve </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l828" 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="#l841" id="l841"> 841</a> </td> <td class="source"> based on the [=computed value=] of other properties </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l829" 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="#l842" id="l842"> 842</a> </td> <td class="source"> (such as ''currentcolor'' or ''em'' units) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l830" 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="#l843" id="l843"> 843</a> </td> <td class="source"> are resolved per [=box fragment=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l831" 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="#l844" id="l844"> 844</a> </td> <td class="source"> Subsequent value processing proceeds as normal in each fragment. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l832" 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="#l845" id="l845"> 845</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l833" 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="#l846" id="l846"> 846</a> </td> <td class="source"> APIs that assume a singular value per [=box=] (rather than per [=box fragment=]) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l834" 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="#l847" id="l847"> 847</a> </td> <td class="source"> must ignore the effects of non-[=tree-abiding=] [=pseudo-elements=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l835" 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="#l848" id="l848"> 848</a> </td> <td class="source"> (For example, ''::first-line'' styles have no effect on the value returned by {{getComputedStyle()}}.) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l836" 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="#l849" id="l849"> 849</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l837" 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="#l850" id="l850"> 850</a> </td> <td class="source"> <div class=example> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l838" 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="#l851" id="l851"> 851</a> </td> <td class="source"> For example, given the following markup: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l839" 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="#l852" id="l852"> 852</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l840" 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="#l853" id="l853"> 853</a> </td> <td class="source"> <xmp highlight=html> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l841" 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="#l854" id="l854"> 854</a> </td> <td class="source"> <div><span>First line<br />Second line</span></div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l842" 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="#l855" id="l855"> 855</a> </td> <td class="source"> <div><span>First line</span></div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l843" 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="#l856" id="l856"> 856</a> </td> <td class="source"> <div>First line<br><span>Second line</span></div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l844" 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="#l857" id="l857"> 857</a> </td> <td class="source"> <style> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l845" 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="#l858" id="l858"> 858</a> </td> <td class="source"> div { color: blue; } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l846" 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="#l859" id="l859"> 859</a> </td> <td class="source"> div::first-line { color: yellow; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l847" 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="#l860" id="l860"> 860</a> </td> <td class="source"> span { border: thin solid currentcolor; } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l848" 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="#l861" id="l861"> 861</a> </td> <td class="source"> </style> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l849" 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="#l862" id="l862"> 862</a> </td> <td class="source"> </xmp> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l850" 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="#l863" id="l863"> 863</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l851" 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="#l864" id="l864"> 864</a> </td> <td class="source"> In each <{div}>, the “First line” text is yellow and the “Second line” text is blue; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l852" 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="#l865" id="l865"> 865</a> </td> <td class="source"> the border for each fragment of the <{span}>s that wrap each line matches that color. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l853" 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="#l866" id="l866"> 866</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l854" 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="#l867" id="l867"> 867</a> </td> <td class="source"> However, {{getComputedStyle()}} on all three of the spans </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l855" 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="#l868" id="l868"> 868</a> </td> <td class="source"> will return <code>"blue"</code> for 'border-color', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l856" 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="#l869" id="l869"> 869</a> </td> <td class="source"> because the effects of a ''::first-line'' pseudo-element </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l857" 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="#l870" id="l870"> 870</a> </td> <td class="source"> are ignored for APIs that aren't fragment-aware. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l858" 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="#l871" id="l871"> 871</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l859" 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="#l872" id="l872"> 872</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l707" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l708" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l874" id="l874"> 874</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l717" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l883" id="l883"> 883</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l718" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l884" id="l884"> 884</a> </td> <td class="source"><h2 id='filtering'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l719" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l885" id="l885"> 885</a> </td> <td class="source">Filtering</h2> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l720" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l886" id="l886"> 886</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l721" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l887" id="l887"> 887</a> </td> <td class="source"> In order to find the <a>declared values</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l889" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l888" id="l888"> 888</a> </td> <td class="source"> implementations must first identify all [=declarations=] that apply to each element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l723" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l889" id="l889"> 889</a> </td> <td class="source"> A declaration applies to an element if: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l724" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l890" id="l890"> 890</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l725" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l891" id="l891"> 891</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l726" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l892" id="l892"> 892</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l727" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l893" id="l893"> 893</a> </td> <td class="source"> It belongs to a style sheet that currently applies to this document. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l728" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l894" id="l894"> 894</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l729" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l895" id="l895"> 895</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a25d26862ae1/css-cascade-5/Overview.bs#l770" title="a25d26862ae1: [css-cascade-5] CSS3-foo to css-foo-3">chris@26520</a> </td> <td class="lineno"> <a href="#l896" id="l896"> 896</a> </td> <td class="source"> It is not qualified by a conditional rule [[!CSS-CONDITIONAL-3]] with a false condition. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l731" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l897" id="l897"> 897</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l732" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l898" id="l898"> 898</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l733" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l899" id="l899"> 899</a> </td> <td class="source"> It belongs to a style rule whose selector matches the element. [[!SELECT]] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l887" 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="#l900" id="l900"> 900</a> </td> <td class="source"> (Taking <a href="https://www.w3.org/TR/selectors-4/#scoping">scoping</a> into account, if necessary.) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l734" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l901" id="l901"> 901</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l735" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l902" id="l902"> 902</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l736" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l903" id="l903"> 903</a> </td> <td class="source"> It is syntactically valid: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l737" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l904" id="l904"> 904</a> </td> <td class="source"> the declaration's property is a known property name, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l738" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l905" id="l905"> 905</a> </td> <td class="source"> and the declaration's value matches the syntax for that property. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l739" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l906" id="l906"> 906</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l740" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/306a9f3054ab/css-cascade-5/Overview.bs#l909" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l908" id="l908"> 908</a> </td> <td class="source"> The values of the [=declarations=] that apply form, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l742" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l909" id="l909"> 909</a> </td> <td class="source"> for each property on each element, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l743" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l910" id="l910"> 910</a> </td> <td class="source"> a list of <a>declared values</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l744" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l911" id="l911"> 911</a> </td> <td class="source"> The next section, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l745" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l912" id="l912"> 912</a> </td> <td class="source"> the <a>cascade</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l746" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l913" id="l913"> 913</a> </td> <td class="source"> prioritizes these lists. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l747" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l914" id="l914"> 914</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l748" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l749" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l916" id="l916"> 916</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l758" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l925" id="l925"> 925</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l759" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l926" id="l926"> 926</a> </td> <td class="source"><h2 id='cascading'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l760" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l927" id="l927"> 927</a> </td> <td class="source">Cascading</h2> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l761" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l928" id="l928"> 928</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l762" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l929" id="l929"> 929</a> </td> <td class="source"> The <dfn export>cascade</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l763" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l930" id="l930"> 930</a> </td> <td class="source"> takes an unordered list of <a>declared values</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l764" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l931" id="l931"> 931</a> </td> <td class="source"> for a given property on a given element, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l933" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l932" id="l932"> 932</a> </td> <td class="source"> sorts them by their [=declaration’s=] precedence as determined below, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l766" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l933" id="l933"> 933</a> </td> <td class="source"> and outputs a single <a>cascaded value</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l767" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l934" id="l934"> 934</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l768" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l935" id="l935"> 935</a> </td> <td class="source"><h3 id="cascade-sort"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l769" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l936" id="l936"> 936</a> </td> <td class="source">Cascade Sorting Order</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l770" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/306a9f3054ab/css-cascade-5/Overview.bs#l939" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l938" id="l938"> 938</a> </td> <td class="source"> The cascade sorts [=declarations=] according to the following criteria, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/549e921b66e2/css-cascade-5/Overview.bs#l940" title="549e921b66e2: [css-cascade-*] Consistently use 'precedence' rather than 'priority'.">jackalmage@28351</a> </td> <td class="lineno"> <a href="#l939" id="l939"> 939</a> </td> <td class="source"> in descending order of precedence: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l773" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l940" id="l940"> 940</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l774" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l941" id="l941"> 941</a> </td> <td class="source"> <dl> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l775" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l942" id="l942"> 942</a> </td> <td class="source"> <dt id='cascade-origin'>Origin and Importance </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l776" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l943" id="l943"> 943</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l945" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l944" id="l944"> 944</a> </td> <td class="source"> The <a>origin</a> of a [=declaration=] is based on where it comes from </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l778" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l945" id="l945"> 945</a> </td> <td class="source"> and its <a lt="important">importance</a> is </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l779" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l946" id="l946"> 946</a> </td> <td class="source"> whether or not it is declared with ''!important'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l780" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l947" id="l947"> 947</a> </td> <td class="source"> (see [[#importance|below]]). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l781" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l948" id="l948"> 948</a> </td> <td class="source"> The precedence of the various <a>origins</a> is, in descending order: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l782" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l949" id="l949"> 949</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l783" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l950" id="l950"> 950</a> </td> <td class="source"> <ol> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l784" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l951" id="l951"> 951</a> </td> <td class="source"> <li>Transition declarations [[!css-transitions-1]] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l785" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l952" id="l952"> 952</a> </td> <td class="source"> <li>[=Important=] [=user-agent origin|user agent=] declarations </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l786" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l953" id="l953"> 953</a> </td> <td class="source"> <li>[=Important=] [=user origin|user=] declarations </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l787" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l954" id="l954"> 954</a> </td> <td class="source"> <li>[=Important=] [=author origin|author=] declarations </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l788" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l955" id="l955"> 955</a> </td> <td class="source"> <li>Animation declarations [[!css-animations-1]] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l789" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l956" id="l956"> 956</a> </td> <td class="source"> <li>[=Normal=] [=author origin|author=] declarations </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l790" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l957" id="l957"> 957</a> </td> <td class="source"> <li>[=Normal=] [=user origin|user=] declarations </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l791" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l958" id="l958"> 958</a> </td> <td class="source"> <li>[=Normal=] [=user-agent origin|user agent=] declarations </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l792" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l959" id="l959"> 959</a> </td> <td class="source"> </ol> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l793" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l960" id="l960"> 960</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l794" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l961" id="l961"> 961</a> </td> <td class="source"> Declarations from <a>origins</a> earlier in this list win over declarations from later <a>origins</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l795" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l962" id="l962"> 962</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l796" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l963" id="l963"> 963</a> </td> <td class="source"> <dt id='cascade-context'>Context </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l797" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l964" id="l964"> 964</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l966" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l965" id="l965"> 965</a> </td> <td class="source"> A document language can provide for blending [=declarations=] sourced </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l953" 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="#l966" id="l966"> 966</a> </td> <td class="source"> from different <dfn local-lt="context">encapsulation contexts</dfn>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l800" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l967" id="l967"> 967</a> </td> <td class="source"> such as the nested [=tree contexts=] of [=shadow trees=] in the [[!DOM]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l801" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l968" id="l968"> 968</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l802" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l969" id="l969"> 969</a> </td> <td class="source"> When comparing two declarations </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l803" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l970" id="l970"> 970</a> </td> <td class="source"> that are sourced from different [=encapsulation contexts=], </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l804" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l971" id="l971"> 971</a> </td> <td class="source"> then for [=normal=] rules </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l805" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l972" id="l972"> 972</a> </td> <td class="source"> the declaration from the outer context wins, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l806" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l973" id="l973"> 973</a> </td> <td class="source"> and for [=important=] rules </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l807" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l974" id="l974"> 974</a> </td> <td class="source"> the declaration from the inner context wins. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l808" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l975" id="l975"> 975</a> </td> <td class="source"> For this purpose, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l809" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l976" id="l976"> 976</a> </td> <td class="source"> [[DOM]] [=tree contexts=] are considered to be nested </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l810" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l977" id="l977"> 977</a> </td> <td class="source"> in [=shadow-including tree order=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l811" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l978" id="l978"> 978</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l812" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l979" id="l979"> 979</a> </td> <td class="source"> Note: This effectively means that </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l813" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l980" id="l980"> 980</a> </td> <td class="source"> [=normal=] declarations belonging to an [=encapsulation context=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l814" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l981" id="l981"> 981</a> </td> <td class="source"> can set defaults that are easily overridden by the outer context, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l815" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l982" id="l982"> 982</a> </td> <td class="source"> while [=important=] declarations belonging to an [=encapsulation context=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l816" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l983" id="l983"> 983</a> </td> <td class="source"> can enforce requirements that cannot be overridden by the outer context. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l831" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l984" id="l984"> 984</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l817" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l985" id="l985"> 985</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l860" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1013" id="l1013"> 1013</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cb641098a20c/css-cascade-5/Overview.bs#l1004" title="cb641098a20c: [css-cascade-5][editorial] Add hyphen.">fantasai@27855</a> </td> <td class="lineno"> <a href="#l1014" id="l1014"> 1014</a> </td> <td class="source"> <dt id='style-attr'>Element-Attached Styles </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l862" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1015" id="l1015"> 1015</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l1017" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l1016" id="l1016"> 1016</a> </td> <td class="source"> Separately for [=normal=] and [=important=] [=declarations=], </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/deeb860c5a1a/css-cascade-5/Overview.bs#l864" title="deeb860c5a1a: [css-cascade-5] Clarify that style rules are separately cascaded whether important or normal.">fantasai@26471</a> </td> <td class="lineno"> <a href="#l1017" id="l1017"> 1017</a> </td> <td class="source"> declarations that are attached directly to an element </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l864" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1018" id="l1018"> 1018</a> </td> <td class="source"> (such as the <a href="https://www.w3.org/TR/css-style-attr/#interpret">contents of a style attribute</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/deeb860c5a1a/css-cascade-5/Overview.bs#l866" title="deeb860c5a1a: [css-cascade-5] Clarify that style rules are separately cascaded whether important or normal.">fantasai@26471</a> </td> <td class="lineno"> <a href="#l1019" id="l1019"> 1019</a> </td> <td class="source"> rather than indirectly mapped by means of a style rule selector </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/deeb860c5a1a/css-cascade-5/Overview.bs#l867" title="deeb860c5a1a: [css-cascade-5] Clarify that style rules are separately cascaded whether important or normal.">fantasai@26471</a> </td> <td class="lineno"> <a href="#l1020" id="l1020"> 1020</a> </td> <td class="source"> take precedence over declarations the same [=importance=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/deeb860c5a1a/css-cascade-5/Overview.bs#l868" title="deeb860c5a1a: [css-cascade-5] Clarify that style rules are separately cascaded whether important or normal.">fantasai@26471</a> </td> <td class="lineno"> <a href="#l1021" id="l1021"> 1021</a> </td> <td class="source"> that are mapped via style rule. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/deeb860c5a1a/css-cascade-5/Overview.bs#l869" title="deeb860c5a1a: [css-cascade-5] Clarify that style rules are separately cascaded whether important or normal.">fantasai@26471</a> </td> <td class="lineno"> <a href="#l1022" id="l1022"> 1022</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/1ad411a34f9d/css-cascade-5/Overview.bs#l1023" title="1ad411a34f9d: [css-cascade-4] Fix links">fantasai@28674</a> </td> <td class="lineno"> <a href="#l1023" id="l1023"> 1023</a> </td> <td class="source"> See [[!CSSSTYLEATTR]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5720ba0a3b20/css-cascade-5/Overview.bs#l1015" title="5720ba0a3b20: [css-cascade-5][editorial] Clarify title of element-attached styles">miriam@27693</a> </td> <td class="lineno"> <a href="#l1024" id="l1024"> 1024</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a42fdaa06b58/css-cascade-5/Overview.bs#l1021" title="a42fdaa06b58: [css-cascade-5] Cross-reference preshint rules">fantasai@27859</a> </td> <td class="lineno"> <a href="#l1025" id="l1025"> 1025</a> </td> <td class="source"> Note: Non-CSS presentational hints (such as presentational markup) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a42fdaa06b58/css-cascade-5/Overview.bs#l1022" title="a42fdaa06b58: [css-cascade-5] Cross-reference preshint rules">fantasai@27859</a> </td> <td class="lineno"> <a href="#l1026" id="l1026"> 1026</a> </td> <td class="source"> are handled separately, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a42fdaa06b58/css-cascade-5/Overview.bs#l1023" title="a42fdaa06b58: [css-cascade-5] Cross-reference preshint rules">fantasai@27859</a> </td> <td class="lineno"> <a href="#l1027" id="l1027"> 1027</a> </td> <td class="source"> see [[#preshint]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a42fdaa06b58/css-cascade-5/Overview.bs#l1024" title="a42fdaa06b58: [css-cascade-5] Cross-reference preshint rules">fantasai@27859</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/a42fdaa06b58/css-cascade-5/Overview.bs#l1025" title="a42fdaa06b58: [css-cascade-5] Cross-reference preshint rules">fantasai@27859</a> </td> <td class="lineno"> <a href="#l1029" id="l1029"> 1029</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l866" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1030" id="l1030"> 1030</a> </td> <td class="source"> <dt id='cascade-layering'>Layers </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l867" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1031" id="l1031"> 1031</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l1033" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l1032" id="l1032"> 1032</a> </td> <td class="source"> [=Declarations=] within each [=origin=] and [=context=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4febc4cb5d5a/css-cascade-5/Overview.bs#l873" title="4febc4cb5d5a: [css-cascade-5] Tighten up cascade layers prose.">fantasai@26473</a> </td> <td class="lineno"> <a href="#l1033" id="l1033"> 1033</a> </td> <td class="source"> can be explicitly assigned to a [=cascade layer=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l870" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1034" id="l1034"> 1034</a> </td> <td class="source"> For the purpose of this step, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14fa81d69d32/css-cascade-5/Overview.bs#l1019" title="14fa81d69d32: [css-cascade-5] Fix missed edit for reversing order of unlayered declarations. #6284">fantasai@27640</a> </td> <td class="lineno"> <a href="#l1035" id="l1035"> 1035</a> </td> <td class="source"> any declaration not assigned to an explicit layer </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1020" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1036" id="l1036"> 1036</a> </td> <td class="source"> is added to an implicit final layer. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l872" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1037" id="l1037"> 1037</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/200a7d80f478/css-cascade-5/Overview.bs#l1039" title="200a7d80f478: [css-cascade-5] Improve wording about layer order/precedence. #7041">jackalmage@28353</a> </td> <td class="lineno"> <a href="#l1038" id="l1038"> 1038</a> </td> <td class="source"> Cascade layers (like declarations) are sorted by order of appearance, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/200a7d80f478/css-cascade-5/Overview.bs#l1040" title="200a7d80f478: [css-cascade-5] Improve wording about layer order/precedence. #7041">jackalmage@28353</a> </td> <td class="lineno"> <a href="#l1039" id="l1039"> 1039</a> </td> <td class="source"> see [[#layer-ordering]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l873" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1040" id="l1040"> 1040</a> </td> <td class="source"> When comparing declarations that belong to different layers, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/200a7d80f478/css-cascade-5/Overview.bs#l1042" title="200a7d80f478: [css-cascade-5] Improve wording about layer order/precedence. #7041">jackalmage@28353</a> </td> <td class="lineno"> <a href="#l1041" id="l1041"> 1041</a> </td> <td class="source"> then for [=normal=] rules the declaration whose [=cascade layer=] is latest in the layer order wins, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/200a7d80f478/css-cascade-5/Overview.bs#l1043" title="200a7d80f478: [css-cascade-5] Improve wording about layer order/precedence. #7041">jackalmage@28353</a> </td> <td class="lineno"> <a href="#l1042" id="l1042"> 1042</a> </td> <td class="source"> and for [=important=] rules the declaration whose [=cascade layer=] is earliest wins. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l876" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1043" id="l1043"> 1043</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/200a7d80f478/css-cascade-5/Overview.bs#l1045" title="200a7d80f478: [css-cascade-5] Improve wording about layer order/precedence. #7041">jackalmage@28353</a> </td> <td class="lineno"> <a href="#l1044" id="l1044"> 1044</a> </td> <td class="source"> Note: This follows the same logic used for precedence of [=normal=] and [=important=] [=origins=], </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/200a7d80f478/css-cascade-5/Overview.bs#l1046" title="200a7d80f478: [css-cascade-5] Improve wording about layer order/precedence. #7041">jackalmage@28353</a> </td> <td class="lineno"> <a href="#l1045" id="l1045"> 1045</a> </td> <td class="source"> thus the ''!important'' flag maintains the same “override” purpose in both settings. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l879" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1046" id="l1046"> 1046</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l845" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1047" id="l1047"> 1047</a> </td> <td class="source"> <dt id='cascade-specificity'>Specificity </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l846" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1048" id="l1048"> 1048</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l847" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1049" id="l1049"> 1049</a> </td> <td class="source"> The <a href="https://www.w3.org/TR/selectors/#specificity">Selectors module</a> [[!SELECT]] describes how to compute the specificity of a selector. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l1051" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l1050" id="l1050"> 1050</a> </td> <td class="source"> Each [=declaration=] has the same specificity as the style rule it appears in. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l853" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1051" id="l1051"> 1051</a> </td> <td class="source"> The declaration with the highest specificity wins. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l854" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l855" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1053" id="l1053"> 1053</a> </td> <td class="source"> <dt id='cascade-order'>Order of Appearance </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l856" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1054" id="l1054"> 1054</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l1056" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l1055" id="l1055"> 1055</a> </td> <td class="source"> The last [=declaration=] in document order wins. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l858" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1056" id="l1056"> 1056</a> </td> <td class="source"> For this purpose: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l859" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1057" id="l1057"> 1057</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l860" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1058" id="l1058"> 1058</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/64b27bc3b364/css-cascade-5/Overview.bs#l1059" title="64b27bc3b364: [css-cascade-4][css-cascade-5] Sync levels">fantasai@28679</a> </td> <td class="lineno"> <a href="#l1059" id="l1059"> 1059</a> </td> <td class="source"> <li>Style sheets are ordered </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/64b27bc3b364/css-cascade-5/Overview.bs#l1060" title="64b27bc3b364: [css-cascade-4][css-cascade-5] Sync levels">fantasai@28679</a> </td> <td class="lineno"> <a href="#l1060" id="l1060"> 1060</a> </td> <td class="source"> in [[final CSS style sheets]] order. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l861" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1061" id="l1061"> 1061</a> </td> <td class="source"> <li>Declarations from <a at-rule lt="@import">imported style sheets</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l862" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1062" id="l1062"> 1062</a> </td> <td class="source"> are ordered as if their style sheets were substituted in place of the ''@import'' rule. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l863" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1063" id="l1063"> 1063</a> </td> <td class="source"> <li>Declarations from style sheets independently linked by the originating document </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l864" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1064" id="l1064"> 1064</a> </td> <td class="source"> are treated as if they were concatenated in linking order, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l865" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1065" id="l1065"> 1065</a> </td> <td class="source"> as determined by the host document language. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l866" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1066" id="l1066"> 1066</a> </td> <td class="source"> <li>Declarations from style attributes </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l867" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1067" id="l1067"> 1067</a> </td> <td class="source"> are ordered according to the document order of the element the style attribute appears on, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l868" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1068" id="l1068"> 1068</a> </td> <td class="source"> and are all placed after any style sheets. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/717fafbf0cd2/css-cascade-5/Overview.bs#l1069" title="717fafbf0cd2: [css-cascade][editorial] typo">jackalmage@28398</a> </td> <td class="lineno"> <a href="#l1069" id="l1069"> 1069</a> </td> <td class="source"> [[!CSSSTYLEATTR]] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l869" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1070" id="l1070"> 1070</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l870" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1071" id="l1071"> 1071</a> </td> <td class="source"> </dl> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l871" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1072" id="l1072"> 1072</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l872" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1073" id="l1073"> 1073</a> </td> <td class="source"> The <dfn export>output of the cascade</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l873" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1074" id="l1074"> 1074</a> </td> <td class="source"> is a (potentially empty) sorted list of <a>declared values</a> for each property on each element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l874" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l875" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1076" id="l1076"> 1076</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l876" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1077" id="l1077"> 1077</a> </td> <td class="source"><h3 id='cascading-origins'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l877" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1078" id="l1078"> 1078</a> </td> <td class="source">Cascading Origins</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l878" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1079" id="l1079"> 1079</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l879" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1080" id="l1080"> 1080</a> </td> <td class="source"> Each style rule has a <dfn id=origin export local-lt="origin">cascade origin</dfn>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l880" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1081" id="l1081"> 1081</a> </td> <td class="source"> which determines where it enters the cascade. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l881" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1082" id="l1082"> 1082</a> </td> <td class="source"> CSS defines three core <a>origins</a>: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l882" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1083" id="l1083"> 1083</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l883" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1084" id="l1084"> 1084</a> </td> <td class="source"> <dl> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l884" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1085" id="l1085"> 1085</a> </td> <td class="source"> <dt><dfn export id='cascade-origin-author' lt="author origin|author style sheet|author-origin">Author Origin</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l885" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1086" id="l1086"> 1086</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l886" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1087" id="l1087"> 1087</a> </td> <td class="source"> The author specifies style sheets for a source document </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l887" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1088" id="l1088"> 1088</a> </td> <td class="source"> according to the conventions of the document language. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l888" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1089" id="l1089"> 1089</a> </td> <td class="source"> For instance, in HTML, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l889" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1090" id="l1090"> 1090</a> </td> <td class="source"> style sheets may be included in the document or linked externally. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l890" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1091" id="l1091"> 1091</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l891" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1092" id="l1092"> 1092</a> </td> <td class="source"> <dt><dfn export id='cascade-origin-user' lt="user origin|user style sheet|user-origin">User Origin</dfn> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l892" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1093" id="l1093"> 1093</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l893" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1094" id="l1094"> 1094</a> </td> <td class="source"> The user may be able to specify style information for a particular document. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l894" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1095" id="l1095"> 1095</a> </td> <td class="source"> For example, the user may specify a file that contains a style sheet </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l895" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1096" id="l1096"> 1096</a> </td> <td class="source"> or the user agent may provide an interface that generates a user style sheet </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l896" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1097" id="l1097"> 1097</a> </td> <td class="source"> (or behaves as if it did). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l897" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1098" id="l1098"> 1098</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l898" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1099" id="l1099"> 1099</a> </td> <td class="source"> <dt><dfn export id='cascade-origin-ua' lt="user-agent origin|UA origin|user-agent style sheet|UA style sheet|UA-origin">User-Agent Origin</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l899" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1100" id="l1100"> 1100</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l900" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1101" id="l1101"> 1101</a> </td> <td class="source"> Conforming user agents must apply a default style sheet </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l901" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1102" id="l1102"> 1102</a> </td> <td class="source"> (or behave as if they did). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l902" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1103" id="l1103"> 1103</a> </td> <td class="source"> A user agent's default style sheet should present the elements of the document language </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l903" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1104" id="l1104"> 1104</a> </td> <td class="source"> in ways that satisfy general presentation expectations for the document language </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l904" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1105" id="l1105"> 1105</a> </td> <td class="source"> (e.g., for visual browsers, the EM element in HTML is presented using an italic font). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l905" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1106" id="l1106"> 1106</a> </td> <td class="source"> See e.g. the <a href="https://html.spec.whatwg.org/multipage/rendering.html#the-css-user-agent-style-sheet-and-presentational-hints">HTML user agent style sheet</a>. [[HTML]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l906" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1107" id="l1107"> 1107</a> </td> <td class="source"> </dl> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l907" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1108" id="l1108"> 1108</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l908" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1109" id="l1109"> 1109</a> </td> <td class="source"> Extensions to CSS define the following additional <a>origins</a>: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l909" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l910" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1111" id="l1111"> 1111</a> </td> <td class="source"> <dl> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l911" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1112" id="l1112"> 1112</a> </td> <td class="source"> <dt><dfn export id='cascade-origin-animation'>Animation Origin</dfn> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l912" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1113" id="l1113"> 1113</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l913" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1114" id="l1114"> 1114</a> </td> <td class="source"> CSS Animations [[css-animations-1]] generate “virtual” rules representing their effects when running. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l914" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1115" id="l1115"> 1115</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l915" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1116" id="l1116"> 1116</a> </td> <td class="source"> <dt><dfn export id='cascade-origin-transition'>Transition Origin</dfn> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l916" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1117" id="l1117"> 1117</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l917" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1118" id="l1118"> 1118</a> </td> <td class="source"> Like CSS Animations, CSS Transitions [[css-transitions-1]] generate “virtual” rules representing their effects when running. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l918" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1119" id="l1119"> 1119</a> </td> <td class="source"> </dl> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l919" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1120" id="l1120"> 1120</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l920" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1121" id="l1121"> 1121</a> </td> <td class="source"><h3 id='importance'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l921" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1122" id="l1122"> 1122</a> </td> <td class="source">Important Declarations: the ''!important'' annotation</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l922" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1123" id="l1123"> 1123</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l923" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1124" id="l1124"> 1124</a> </td> <td class="source"> CSS attempts to create a balance of power between author and user style sheets. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l924" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1125" id="l1125"> 1125</a> </td> <td class="source"> By default, rules in an author's style sheet override those in a user's style sheet, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l925" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1126" id="l1126"> 1126</a> </td> <td class="source"> which override those in the user-agent's default style sheet. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l1127" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l1127" id="l1127"> 1127</a> </td> <td class="source"> To balance this, a [=declaration=] can be marked [=important=], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l927" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1128" id="l1128"> 1128</a> </td> <td class="source"> which increases its weight in the cascade and inverts the order of precedence. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l928" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1129" id="l1129"> 1129</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l1130" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l1130" id="l1130"> 1130</a> </td> <td class="source"> A [=declaration=] is <dfn export local-lt="importance">important</dfn> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1106" 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="#l1131" id="l1131"> 1131</a> </td> <td class="source"> if it has a ''!important'' annotation as defined by [[css-syntax-3]], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l931" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1132" id="l1132"> 1132</a> </td> <td class="source"> i.e. if the last two (non-whitespace, non-comment) tokens </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l932" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1133" id="l1133"> 1133</a> </td> <td class="source"> in its value are the delimiter token ''!'' followed by the identifier token ''important''. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l933" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1134" id="l1134"> 1134</a> </td> <td class="source"> All other declarations are <dfn>normal</dfn> (non-[=important=]). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l934" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1135" id="l1135"> 1135</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l935" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1136" id="l1136"> 1136</a> </td> <td class="source"> <div class='example'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l936" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1137" id="l1137"> 1137</a> </td> <td class="source"> <pre class='lang-css'>[hidden] { display: none !important; }</pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l937" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1138" id="l1138"> 1138</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l938" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1139" id="l1139"> 1139</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l939" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1140" id="l1140"> 1140</a> </td> <td class="source"> An <a>important</a> declaration takes precedence over a [=normal=] declaration. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l940" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1141" id="l1141"> 1141</a> </td> <td class="source"> Author and user style sheets may contain [=important=] declarations, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l941" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1142" id="l1142"> 1142</a> </td> <td class="source"> with [=user-origin=] [=important=] declarations </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l942" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1143" id="l1143"> 1143</a> </td> <td class="source"> overriding [=author-origin=] [=important=] declarations. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l943" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1144" id="l1144"> 1144</a> </td> <td class="source"> This CSS feature improves accessibility of documents </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l944" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1145" id="l1145"> 1145</a> </td> <td class="source"> by giving users with special requirements </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l945" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1146" id="l1146"> 1146</a> </td> <td class="source"> (large fonts, color combinations, etc.) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l946" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1147" id="l1147"> 1147</a> </td> <td class="source"> control over presentation. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l947" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1148" id="l1148"> 1148</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l948" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1149" id="l1149"> 1149</a> </td> <td class="source"> [=Important=] declarations from all origins take precedence over animations. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l949" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1150" id="l1150"> 1150</a> </td> <td class="source"> This allows authors to override animated values in important cases. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l950" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1151" id="l1151"> 1151</a> </td> <td class="source"> (Animated values normally override all other rules.) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l951" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1152" id="l1152"> 1152</a> </td> <td class="source"> [[css-animations-1]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l952" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1153" id="l1153"> 1153</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/62cb7ee7e177/css-cascade-5/Overview.bs#l967" title="62cb7ee7e177: [css-cascade] Fix references and cross-links.">fantasai@25929</a> </td> <td class="lineno"> <a href="#l1154" id="l1154"> 1154</a> </td> <td class="source"> [=User-agent style sheets=] may also contain [=important=] declarations. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l954" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1155" id="l1155"> 1155</a> </td> <td class="source"> These override all [=author origin|author=] and [=user origin|user=] declarations. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l955" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l956" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l957" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1158" id="l1158"> 1158</a> </td> <td class="source"> The first rule in the user's style sheet in the following example contains an ''!important'' declaration, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l958" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1159" id="l1159"> 1159</a> </td> <td class="source"> which overrides the corresponding declaration in the author's style sheet. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l959" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1160" id="l1160"> 1160</a> </td> <td class="source"> The declaration in the second rule will also win due to being marked ''!important''. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l960" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1161" id="l1161"> 1161</a> </td> <td class="source"> However, the third declaration in the user's style sheet is not ''!important'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l961" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1162" id="l1162"> 1162</a> </td> <td class="source"> and will therefore lose to the second rule in the author's style sheet </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l962" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1163" id="l1163"> 1163</a> </td> <td class="source"> (which happens to set style on a <a>shorthand</a> property). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l963" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1164" id="l1164"> 1164</a> </td> <td class="source"> Also, the third author rule will lose to the second author rule since the second declaration is ''!important''. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l964" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1165" id="l1165"> 1165</a> </td> <td class="source"> This shows that ''!important'' declarations have a function also within author style sheets. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l965" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1166" id="l1166"> 1166</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l966" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1167" id="l1167"> 1167</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l967" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1168" id="l1168"> 1168</a> </td> <td class="source"> /* From the user's style sheet */ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l968" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1169" id="l1169"> 1169</a> </td> <td class="source"> p { text-indent: 1em !important } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l969" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1170" id="l1170"> 1170</a> </td> <td class="source"> p { font-style: italic !important } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l970" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1171" id="l1171"> 1171</a> </td> <td class="source"> p { font-size: 18pt } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l971" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1172" id="l1172"> 1172</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l972" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1173" id="l1173"> 1173</a> </td> <td class="source"> /* From the author's style sheet */ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l973" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1174" id="l1174"> 1174</a> </td> <td class="source"> p { text-indent: 1.5em !important } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l974" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1175" id="l1175"> 1175</a> </td> <td class="source"> p { font: normal 12pt sans-serif !important } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l975" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1176" id="l1176"> 1176</a> </td> <td class="source"> p { font-size: 24pt } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l976" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1177" id="l1177"> 1177</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l977" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</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/4accbf26ac48/css-cascade-5/Overview.bs#l978" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1179" id="l1179"> 1179</a> </td> <td class="source"> <table class="data"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l979" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1180" id="l1180"> 1180</a> </td> <td class="source"> <thead> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l980" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1181" id="l1181"> 1181</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l981" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1182" id="l1182"> 1182</a> </td> <td class="source"> <th>Property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l982" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1183" id="l1183"> 1183</a> </td> <td class="source"> <th>Winning value </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l983" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1184" id="l1184"> 1184</a> </td> <td class="source"> <tbody> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l984" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1185" id="l1185"> 1185</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l985" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1186" id="l1186"> 1186</a> </td> <td class="source"> <th>'text-indent' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l986" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1187" id="l1187"> 1187</a> </td> <td class="source"> <td>''1em'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l987" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1188" id="l1188"> 1188</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l988" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1189" id="l1189"> 1189</a> </td> <td class="source"> <th>'font-style' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l989" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1190" id="l1190"> 1190</a> </td> <td class="source"> <td>''font-style/italic'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l990" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1191" id="l1191"> 1191</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l991" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1192" id="l1192"> 1192</a> </td> <td class="source"> <th>'font-size' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l992" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1193" id="l1193"> 1193</a> </td> <td class="source"> <td>''12pt'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l993" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1194" id="l1194"> 1194</a> </td> <td class="source"> <tr> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l994" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1195" id="l1195"> 1195</a> </td> <td class="source"> <th>'font-family' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l995" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1196" id="l1196"> 1196</a> </td> <td class="source"> <td>''sans-serif'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l996" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1197" id="l1197"> 1197</a> </td> <td class="source"> </table> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l997" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1198" id="l1198"> 1198</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l998" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1199" id="l1199"> 1199</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6831a22926d5/css-cascade-5/Overview.bs#l1198" title="6831a22926d5: [css-cascade-5][editorial] big text">jackalmage@28352</a> </td> <td class="lineno"> <a href="#l1200" id="l1200"> 1200</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6831a22926d5/css-cascade-5/Overview.bs#l1207" title="6831a22926d5: [css-cascade-5][editorial] big text">jackalmage@28352</a> </td> <td class="lineno"> <a href="#l1209" id="l1209"> 1209</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1034" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1210" id="l1210"> 1210</a> </td> <td class="source"><h3 id='layering'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1035" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1211" id="l1211"> 1211</a> </td> <td class="source">Cascade Layers</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1036" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1212" id="l1212"> 1212</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1037" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1213" id="l1213"> 1213</a> </td> <td class="source"> In the same way that [=cascade origins=] provide a balance of power </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1038" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1214" id="l1214"> 1214</a> </td> <td class="source"> between user and author styles, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1180" 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="#l1215" id="l1215"> 1215</a> </td> <td class="source"> <dfn export local-lt="layer">cascade layers</dfn> provide a structured way </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4febc4cb5d5a/css-cascade-5/Overview.bs#l1045" title="4febc4cb5d5a: [css-cascade-5] Tighten up cascade layers prose.">fantasai@26473</a> </td> <td class="lineno"> <a href="#l1216" id="l1216"> 1216</a> </td> <td class="source"> to organize and balance concerns within a single origin. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1182" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1217" id="l1217"> 1217</a> </td> <td class="source"> Rules within a single [=cascade layer=] cascade together, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1183" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1218" id="l1218"> 1218</a> </td> <td class="source"> without interleaving with style rules outside the layer. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1184" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1219" id="l1219"> 1219</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1041" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1220" id="l1220"> 1220</a> </td> <td class="source"> Authors can create layers to represent element defaults, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/aab3f44e0bc9/css-cascade-5/Overview.bs#l1042" title="aab3f44e0bc9: First full draft of cascade layers">miriam@26315</a> </td> <td class="lineno"> <a href="#l1221" id="l1221"> 1221</a> </td> <td class="source"> third-party libraries, themes, components, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4febc4cb5d5a/css-cascade-5/Overview.bs#l1048" title="4febc4cb5d5a: [css-cascade-5] Tighten up cascade layers prose.">fantasai@26473</a> </td> <td class="lineno"> <a href="#l1222" id="l1222"> 1222</a> </td> <td class="source"> overrides, and other styling concerns-- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4febc4cb5d5a/css-cascade-5/Overview.bs#l1049" title="4febc4cb5d5a: [css-cascade-5] Tighten up cascade layers prose.">fantasai@26473</a> </td> <td class="lineno"> <a href="#l1223" id="l1223"> 1223</a> </td> <td class="source"> and are able to re-order the cascade of layers in an explicit way, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1044" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1224" id="l1224"> 1224</a> </td> <td class="source"> without altering selectors or specificity within each layer, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a9b55c45e152/css-cascade-5/Overview.bs#l1213" title="a9b55c45e152: [css-cascade-5][editorial] Replace source order with order of appearance">miriam@28204</a> </td> <td class="lineno"> <a href="#l1225" id="l1225"> 1225</a> </td> <td class="source"> or relying on order of appearance to resolve conflicts across layers. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1046" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1226" id="l1226"> 1226</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1047" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1227" id="l1227"> 1227</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1199" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1228" id="l1228"> 1228</a> </td> <td class="source"> For example, the following generates an explicit ''reset'' layer, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/200a7d80f478/css-cascade-5/Overview.bs#l1228" title="200a7d80f478: [css-cascade-5] Improve wording about layer order/precedence. #7041">jackalmage@28353</a> </td> <td class="lineno"> <a href="#l1229" id="l1229"> 1229</a> </td> <td class="source"> with lower cascade precedence than any unlayered styles: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1050" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1230" id="l1230"> 1230</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1056" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1231" id="l1231"> 1231</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1203" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1232" id="l1232"> 1232</a> </td> <td class="source"> audio { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1204" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1233" id="l1233"> 1233</a> </td> <td class="source"> /* specificity of 0,0,1 - implicit (final) layer */ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1205" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1234" id="l1234"> 1234</a> </td> <td class="source"> display: flex; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1206" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1235" id="l1235"> 1235</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1056" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1236" id="l1236"> 1236</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1208" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1237" id="l1237"> 1237</a> </td> <td class="source"> @layer reset { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1209" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1238" id="l1238"> 1238</a> </td> <td class="source"> audio[controls] { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1210" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1239" id="l1239"> 1239</a> </td> <td class="source"> /* specificity of 0,1,1 - explicit "reset" layer */ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1211" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1240" id="l1240"> 1240</a> </td> <td class="source"> display: block; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1212" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1241" id="l1241"> 1241</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1213" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1242" id="l1242"> 1242</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1068" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1243" id="l1243"> 1243</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1064" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1244" id="l1244"> 1244</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1216" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1245" id="l1245"> 1245</a> </td> <td class="source"> The unlayered declarations on the <{audio}> element take precedence </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/200a7d80f478/css-cascade-5/Overview.bs#l1245" title="200a7d80f478: [css-cascade-5] Improve wording about layer order/precedence. #7041">jackalmage@28353</a> </td> <td class="lineno"> <a href="#l1246" id="l1246"> 1246</a> </td> <td class="source"> over the explicitly layered declarations on <code>audio[controls]</code>-- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1218" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1247" id="l1247"> 1247</a> </td> <td class="source"> even though the unlayered styles have a lower specificity, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a9b55c45e152/css-cascade-5/Overview.bs#l1236" title="a9b55c45e152: [css-cascade-5][editorial] Replace source order with order of appearance">miriam@28204</a> </td> <td class="lineno"> <a href="#l1248" id="l1248"> 1248</a> </td> <td class="source"> and come first in the order of appearance. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1069" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1249" id="l1249"> 1249</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1070" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1250" id="l1250"> 1250</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1217" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1251" id="l1251"> 1251</a> </td> <td class="source"> Name-defining [=at-rules=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1218" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1252" id="l1252"> 1252</a> </td> <td class="source"> such as ''@keyframes'' or ''@font-face'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1219" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1253" id="l1253"> 1253</a> </td> <td class="source"> that are defined inside [=cascade layers=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1220" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1254" id="l1254"> 1254</a> </td> <td class="source"> also use the layer order when resolving name collisions. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1221" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1255" id="l1255"> 1255</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1222" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1256" id="l1256"> 1256</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1223" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1257" id="l1257"> 1257</a> </td> <td class="source"> For example, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1224" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1258" id="l1258"> 1258</a> </td> <td class="source"> authors could override the animation from a framework, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/549e921b66e2/css-cascade-5/Overview.bs#l1247" title="549e921b66e2: [css-cascade-*] Consistently use 'precedence' rather than 'priority'.">jackalmage@28351</a> </td> <td class="lineno"> <a href="#l1259" id="l1259"> 1259</a> </td> <td class="source"> by providing keyframes with the same name in a higher-precedence layer: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1226" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</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/d96bc88d9068/css-cascade-5/Overview.bs#l1227" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1261" id="l1261"> 1261</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1228" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1262" id="l1262"> 1262</a> </td> <td class="source"> /* establish the layer order, so the "override" layer takes precedence */ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1229" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1263" id="l1263"> 1263</a> </td> <td class="source"> @layer framework, override; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1230" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1264" id="l1264"> 1264</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1231" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1265" id="l1265"> 1265</a> </td> <td class="source"> @layer override { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1232" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1266" id="l1266"> 1266</a> </td> <td class="source"> @keyframes slide-left { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1233" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1267" id="l1267"> 1267</a> </td> <td class="source"> from { translate: 0; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1234" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1268" id="l1268"> 1268</a> </td> <td class="source"> to { translate: -100% 0; } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1235" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1269" id="l1269"> 1269</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1236" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1270" id="l1270"> 1270</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1237" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1271" id="l1271"> 1271</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1238" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1272" id="l1272"> 1272</a> </td> <td class="source"> @layer framework { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1239" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1273" id="l1273"> 1273</a> </td> <td class="source"> @keyframes slide-left { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1240" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1274" id="l1274"> 1274</a> </td> <td class="source"> from { margin-left: 0; } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1241" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1275" id="l1275"> 1275</a> </td> <td class="source"> to { margin-left: -100%; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1242" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1276" id="l1276"> 1276</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1243" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</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/d96bc88d9068/css-cascade-5/Overview.bs#l1244" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1278" id="l1278"> 1278</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1245" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1279" id="l1279"> 1279</a> </td> <td class="source"> .sidebar { animation: slide-left 300ms; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1246" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1280" id="l1280"> 1280</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1247" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1281" id="l1281"> 1281</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1248" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1282" id="l1282"> 1282</a> </td> <td class="source"> In this case the ''override'' layer </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/549e921b66e2/css-cascade-5/Overview.bs#l1271" title="549e921b66e2: [css-cascade-*] Consistently use 'precedence' rather than 'priority'.">jackalmage@28351</a> </td> <td class="lineno"> <a href="#l1283" id="l1283"> 1283</a> </td> <td class="source"> has a higher cascade precedence than the ''framework'' layer, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1250" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1284" id="l1284"> 1284</a> </td> <td class="source"> so <code>slide-left</code> will animate </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1251" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1285" id="l1285"> 1285</a> </td> <td class="source"> using the <code>translate</code> property rather than <code>margin-left</code>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1252" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1286" id="l1286"> 1286</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1253" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1287" id="l1287"> 1287</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1216" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1288" id="l1288"> 1288</a> </td> <td class="source"><h4 id="layer-declaration"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1217" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1289" id="l1289"> 1289</a> </td> <td class="source">Declaring Cascade Layers</h4> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1073" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1290" id="l1290"> 1290</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1219" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1291" id="l1291"> 1291</a> </td> <td class="source"> Cascade layers can be declared: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/aab3f44e0bc9/css-cascade-5/Overview.bs#l1078" title="aab3f44e0bc9: First full draft of cascade layers">miriam@26315</a> </td> <td class="lineno"> <a href="#l1292" id="l1292"> 1292</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1221" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1293" id="l1293"> 1293</a> </td> <td class="source"> * using an ''@import'' rule with the ''layer'' keyword or ''layer()'' function, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1222" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1294" id="l1294"> 1294</a> </td> <td class="source"> assigning the contents of the imported file into that layer. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1223" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1295" id="l1295"> 1295</a> </td> <td class="source"> * using a [[#layer-block|@layer block at-rule]], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1224" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1296" id="l1296"> 1296</a> </td> <td class="source"> assigning its child style rules into that layer. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1225" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1297" id="l1297"> 1297</a> </td> <td class="source"> * using a [[#layer-empty|@layer statement at-rule]], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1226" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1298" id="l1298"> 1298</a> </td> <td class="source"> declaring a named layer without assigning any rules. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/aab3f44e0bc9/css-cascade-5/Overview.bs#l1088" title="aab3f44e0bc9: First full draft of cascade layers">miriam@26315</a> </td> <td class="lineno"> <a href="#l1299" id="l1299"> 1299</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1228" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1300" id="l1300"> 1300</a> </td> <td class="source"> Issue(w3c/csswg-drafts#5853): Provide an attribute for assigning link or style elements to cascade layers? </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/aab3f44e0bc9/css-cascade-5/Overview.bs#l1094" title="aab3f44e0bc9: First full draft of cascade layers">miriam@26315</a> </td> <td class="lineno"> <a href="#l1301" id="l1301"> 1301</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1230" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1302" id="l1302"> 1302</a> </td> <td class="source"><h4 id=layer-names> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1231" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1303" id="l1303"> 1303</a> </td> <td class="source">Layer Naming and Nesting</h4> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4febc4cb5d5a/css-cascade-5/Overview.bs#l1109" title="4febc4cb5d5a: [css-cascade-5] Tighten up cascade layers prose.">fantasai@26473</a> </td> <td class="lineno"> <a href="#l1304" id="l1304"> 1304</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1233" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1305" id="l1305"> 1305</a> </td> <td class="source"> A [=cascade layer=] has a <dfn>layer name</dfn>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1234" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1306" id="l1306"> 1306</a> </td> <td class="source"> which is an ordered list representing each level of layer nesting, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1235" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1307" id="l1307"> 1307</a> </td> <td class="source"> each segment of which can be named (as a [=CSS identifier=]) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1236" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1308" id="l1308"> 1308</a> </td> <td class="source"> or anonymous. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1237" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1309" id="l1309"> 1309</a> </td> <td class="source"> (Thus, when a layer is nested inside of another layer, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1238" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1310" id="l1310"> 1310</a> </td> <td class="source"> this concatenates their names.) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1239" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1311" id="l1311"> 1311</a> </td> <td class="source"> One layer is nested in another </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1240" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1312" id="l1312"> 1312</a> </td> <td class="source"> when it is declared within the scope of another layer, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1241" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1313" id="l1313"> 1313</a> </td> <td class="source"> e.g. an ''@layer'' rule inside another ''@layer'', </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1242" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1314" id="l1314"> 1314</a> </td> <td class="source"> a layered ''@import'' inside a layered import, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1243" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1315" id="l1315"> 1315</a> </td> <td class="source"> or an ''@layer'' rule inside a layered import. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4febc4cb5d5a/css-cascade-5/Overview.bs#l1119" title="4febc4cb5d5a: [css-cascade-5] Tighten up cascade layers prose.">fantasai@26473</a> </td> <td class="lineno"> <a href="#l1316" id="l1316"> 1316</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1245" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1317" id="l1317"> 1317</a> </td> <td class="source"> [=Layer names=] represent the same [=cascade layer=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1246" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1318" id="l1318"> 1318</a> </td> <td class="source"> if they contain the same segments in the same order; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1247" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1319" id="l1319"> 1319</a> </td> <td class="source"> however anonymous segments have unique identities for each occurrence. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1248" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1320" id="l1320"> 1320</a> </td> <td class="source"> Note that nesting can cause multiple layers to share the same anonymous segment. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1093" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1321" id="l1321"> 1321</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4febc4cb5d5a/css-cascade-5/Overview.bs#l1138" title="4febc4cb5d5a: [css-cascade-5] Tighten up cascade layers prose.">fantasai@26473</a> </td> <td class="lineno"> <a href="#l1322" id="l1322"> 1322</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1251" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1323" id="l1323"> 1323</a> </td> <td class="source"> Explicit layer identifiers provide a way </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1252" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1324" id="l1324"> 1324</a> </td> <td class="source"> to assign multiple style blocks to a single layer. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4febc4cb5d5a/css-cascade-5/Overview.bs#l1142" title="4febc4cb5d5a: [css-cascade-5] Tighten up cascade layers prose.">fantasai@26473</a> </td> <td class="lineno"> <a href="#l1325" id="l1325"> 1325</a> </td> <td class="source"> In the following example, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4febc4cb5d5a/css-cascade-5/Overview.bs#l1143" title="4febc4cb5d5a: [css-cascade-5] Tighten up cascade layers prose.">fantasai@26473</a> </td> <td class="lineno"> <a href="#l1326" id="l1326"> 1326</a> </td> <td class="source"> the contents of <code>headings.css</code> and <code>links.css</code> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4febc4cb5d5a/css-cascade-5/Overview.bs#l1144" title="4febc4cb5d5a: [css-cascade-5] Tighten up cascade layers prose.">fantasai@26473</a> </td> <td class="lineno"> <a href="#l1327" id="l1327"> 1327</a> </td> <td class="source"> are cascaded within the same layer as the <code>audio[controls]</code> rule: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1096" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</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/b3b318d1f46d/css-cascade-5/Overview.bs#l1125" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1329" id="l1329"> 1329</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1266" 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="#l1330" id="l1330"> 1330</a> </td> <td class="source"> @import url(headings.css) layer(default); </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1267" 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="#l1331" id="l1331"> 1331</a> </td> <td class="source"> @import url(links.css) layer(default); </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1105" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</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/b3b318d1f46d/css-cascade-5/Overview.bs#l1129" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1333" id="l1333"> 1333</a> </td> <td class="source"> @layer default { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1130" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1334" id="l1334"> 1334</a> </td> <td class="source"> audio[controls] { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1131" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1335" id="l1335"> 1335</a> </td> <td class="source"> display: block; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1132" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1336" id="l1336"> 1336</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1133" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1337" id="l1337"> 1337</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1134" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1338" id="l1338"> 1338</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1112" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1339" id="l1339"> 1339</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1113" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1340" id="l1340"> 1340</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4febc4cb5d5a/css-cascade-5/Overview.bs#l1158" title="4febc4cb5d5a: [css-cascade-5] Tighten up cascade layers prose.">fantasai@26473</a> </td> <td class="lineno"> <a href="#l1341" id="l1341"> 1341</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4febc4cb5d5a/css-cascade-5/Overview.bs#l1163" title="4febc4cb5d5a: [css-cascade-5] Tighten up cascade layers prose.">fantasai@26473</a> </td> <td class="lineno"> <a href="#l1342" id="l1342"> 1342</a> </td> <td class="source"> In this example, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1271" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1343" id="l1343"> 1343</a> </td> <td class="source"> the nested ''framework.base'' layer is distinct </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1272" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1344" id="l1344"> 1344</a> </td> <td class="source"> from the top-level ''base'' layer: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/aab3f44e0bc9/css-cascade-5/Overview.bs#l1139" title="aab3f44e0bc9: First full draft of cascade layers">miriam@26315</a> </td> <td class="lineno"> <a href="#l1345" id="l1345"> 1345</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1146" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1346" id="l1346"> 1346</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1275" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1347" id="l1347"> 1347</a> </td> <td class="source"> @layer base { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1182" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1348" id="l1348"> 1348</a> </td> <td class="source"> p { max-width: 70ch; } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1183" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1349" id="l1349"> 1349</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1150" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1350" id="l1350"> 1350</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1185" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1351" id="l1351"> 1351</a> </td> <td class="source"> @layer framework { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1280" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1352" id="l1352"> 1352</a> </td> <td class="source"> @layer base { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1187" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1353" id="l1353"> 1353</a> </td> <td class="source"> p { margin-block: 0.75em; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1188" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1354" id="l1354"> 1354</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1155" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1355" id="l1355"> 1355</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1190" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1356" id="l1356"> 1356</a> </td> <td class="source"> @layer theme { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1191" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1357" id="l1357"> 1357</a> </td> <td class="source"> p { color: #222; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1192" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1358" id="l1358"> 1358</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1193" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</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/b3b318d1f46d/css-cascade-5/Overview.bs#l1194" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1360" id="l1360"> 1360</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1161" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1361" id="l1361"> 1361</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1196" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1362" id="l1362"> 1362</a> </td> <td class="source"> The resulting layers can be represented as a tree: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1163" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1363" id="l1363"> 1363</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1292" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1364" id="l1364"> 1364</a> </td> <td class="source"> 1. ''base'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1293" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1365" id="l1365"> 1365</a> </td> <td class="source"> 2. ''framework'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1294" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1366" id="l1366"> 1366</a> </td> <td class="source"> 1. ''base'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1295" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1367" id="l1367"> 1367</a> </td> <td class="source"> 2. ''theme'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1168" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1368" id="l1368"> 1368</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1203" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1369" id="l1369"> 1369</a> </td> <td class="source"> or as a flat list with nested identifiers: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1170" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1370" id="l1370"> 1370</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1299" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1371" id="l1371"> 1371</a> </td> <td class="source"> 1. ''base'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1300" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1372" id="l1372"> 1372</a> </td> <td class="source"> 2. ''framework.base'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1301" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1373" id="l1373"> 1373</a> </td> <td class="source"> 3. ''framework.theme'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1175" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1374" id="l1374"> 1374</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1176" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1375" id="l1375"> 1375</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1304" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1376" id="l1376"> 1376</a> </td> <td class="source"> Syntactically, an explicit [=layer name=] is represented </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1305" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1377" id="l1377"> 1377</a> </td> <td class="source"> by the <<layer-name>> in ''@layer'' and ''@import'' rules, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1306" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1378" id="l1378"> 1378</a> </td> <td class="source"> which is a period-separated list of <<ident>> tokens </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1307" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1379" id="l1379"> 1379</a> </td> <td class="source"> with no intervening white space: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1308" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1380" id="l1380"> 1380</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1309" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1381" id="l1381"> 1381</a> </td> <td class="source"> <pre class='prod'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1310" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1382" id="l1382"> 1382</a> </td> <td class="source"> <dfn><<layer-name>></dfn> = <<ident>> [ '.' <<ident>> ]* </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1311" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1383" id="l1383"> 1383</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1312" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1384" id="l1384"> 1384</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14a6cbd05d4b/css-cascade-5/Overview.bs#l1352" title="14a6cbd05d4b: [css-cascade-5] Reserve the CSS-wide keywords for later use in layer names #6323">miriam@27345</a> </td> <td class="lineno"> <a href="#l1385" id="l1385"> 1385</a> </td> <td class="source"> The <a spec=css-values>CSS-wide keywords</a> are reserved for future use, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14a6cbd05d4b/css-cascade-5/Overview.bs#l1353" title="14a6cbd05d4b: [css-cascade-5] Reserve the CSS-wide keywords for later use in layer names #6323">miriam@27345</a> </td> <td class="lineno"> <a href="#l1386" id="l1386"> 1386</a> </td> <td class="source"> and cause the rule to be invalid at parse time </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14a6cbd05d4b/css-cascade-5/Overview.bs#l1354" title="14a6cbd05d4b: [css-cascade-5] Reserve the CSS-wide keywords for later use in layer names #6323">miriam@27345</a> </td> <td class="lineno"> <a href="#l1387" id="l1387"> 1387</a> </td> <td class="source"> if used as an <<ident>> in the <<layer-name>>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1313" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1388" id="l1388"> 1388</a> </td> <td class="source"> When multiple identifiers are concatenated with a period, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1314" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1389" id="l1389"> 1389</a> </td> <td class="source"> this is a shorthand representing those layers nested in order. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1182" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1390" id="l1390"> 1390</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1185" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1391" id="l1391"> 1391</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1218" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1392" id="l1392"> 1392</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1219" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1393" id="l1393"> 1393</a> </td> <td class="source"> @layer framework { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1220" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1394" id="l1394"> 1394</a> </td> <td class="source"> @layer default { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1221" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1395" id="l1395"> 1395</a> </td> <td class="source"> p { margin-block: 0.75em; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1222" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1396" id="l1396"> 1396</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1191" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</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/b3b318d1f46d/css-cascade-5/Overview.bs#l1224" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1398" id="l1398"> 1398</a> </td> <td class="source"> @layer theme { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1225" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1399" id="l1399"> 1399</a> </td> <td class="source"> p { color: #222; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1226" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1400" id="l1400"> 1400</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1227" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1401" id="l1401"> 1401</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1196" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1402" id="l1402"> 1402</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1229" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1403" id="l1403"> 1403</a> </td> <td class="source"> @layer framework.theme { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1230" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1404" id="l1404"> 1404</a> </td> <td class="source"> /* These styles will be added to the theme layer inside the framework layer */ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1231" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1405" id="l1405"> 1405</a> </td> <td class="source"> blockquote { color: rebeccapurple; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1232" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1406" id="l1406"> 1406</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1233" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1407" id="l1407"> 1407</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1202" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1408" id="l1408"> 1408</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1203" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1409" id="l1409"> 1409</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1335" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1410" id="l1410"> 1410</a> </td> <td class="source"> Note: A nested layer cannot “escape” its parent layer </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1336" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1411" id="l1411"> 1411</a> </td> <td class="source"> to reference layers outside itself. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1337" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1412" id="l1412"> 1412</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1338" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1413" id="l1413"> 1413</a> </td> <td class="source"><h5 id="unnamed-layers"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1339" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1414" id="l1414"> 1414</a> </td> <td class="source">Anonymous Layers</h5> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1340" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</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/9a49303975d0/css-cascade-5/Overview.bs#l1341" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1416" id="l1416"> 1416</a> </td> <td class="source"> When a ''@layer'' rule omits its <<layer-name>>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1342" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1417" id="l1417"> 1417</a> </td> <td class="source"> or an ''@import'' rule uses the ''layer'' keyword (which does not provide a <<layer-name>>), </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1343" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1418" id="l1418"> 1418</a> </td> <td class="source"> its [=layer name=] gains a unique anonymous segment; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1344" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1419" id="l1419"> 1419</a> </td> <td class="source"> it therefore cannot be referenced from the outside. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/55e6c3fb8b20/css-cascade-5/Overview.bs#l1251" title="55e6c3fb8b20: [css-cascade-5] Clarify the behavior of nested layer shorthand">miriam@26479</a> </td> <td class="lineno"> <a href="#l1420" id="l1420"> 1420</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/55e6c3fb8b20/css-cascade-5/Overview.bs#l1252" title="55e6c3fb8b20: [css-cascade-5] Clarify the behavior of nested layer shorthand">miriam@26479</a> </td> <td class="lineno"> <a href="#l1421" id="l1421"> 1421</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1347" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1422" id="l1422"> 1422</a> </td> <td class="source"> Each occurrence of an anonymous layer declaration </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1348" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1423" id="l1423"> 1423</a> </td> <td class="source"> represents a unique cascade layer, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1349" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1424" id="l1424"> 1424</a> </td> <td class="source"> thus: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/55e6c3fb8b20/css-cascade-5/Overview.bs#l1255" title="55e6c3fb8b20: [css-cascade-5] Clarify the behavior of nested layer shorthand">miriam@26479</a> </td> <td class="lineno"> <a href="#l1425" id="l1425"> 1425</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1351" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1426" id="l1426"> 1426</a> </td> <td class="source"> * Multiple unnamed layer rules </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1352" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1427" id="l1427"> 1427</a> </td> <td class="source"> place their styles into separate layers, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/46c7acc5e477/css-cascade-5/Overview.bs#l1397" title="46c7acc5e477: [css-cascade-5] Disallow empty @layer interspersed with @import or @namespace, #6522">miriam@27462</a> </td> <td class="lineno"> <a href="#l1428" id="l1428"> 1428</a> </td> <td class="source"> as each occurrence is referencing a distinct anonymous layer name. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/55e6c3fb8b20/css-cascade-5/Overview.bs#l1257" title="55e6c3fb8b20: [css-cascade-5] Clarify the behavior of nested layer shorthand">miriam@26479</a> </td> <td class="lineno"> <a href="#l1429" id="l1429"> 1429</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1355" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1430" id="l1430"> 1430</a> </td> <td class="source"> <pre class=lang-css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1356" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1431" id="l1431"> 1431</a> </td> <td class="source"> @layer { /* layer 1 */ } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1357" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1432" id="l1432"> 1432</a> </td> <td class="source"> @layer { /* layer 2 */ } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1358" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1433" id="l1433"> 1433</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1359" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1434" id="l1434"> 1434</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1360" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1435" id="l1435"> 1435</a> </td> <td class="source"> * Within a single unnamed layer, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1361" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1436" id="l1436"> 1436</a> </td> <td class="source"> child layers with the same name refer to the same cascade layer, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1362" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1437" id="l1437"> 1437</a> </td> <td class="source"> because they share the same anonymous parent layer. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1363" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1438" id="l1438"> 1438</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1364" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1439" id="l1439"> 1439</a> </td> <td class="source"> <pre class=lang-css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1365" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1440" id="l1440"> 1440</a> </td> <td class="source"> @layer { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1404" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1441" id="l1441"> 1441</a> </td> <td class="source"> @layer foo { /* layer 1 */ } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1405" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1442" id="l1442"> 1442</a> </td> <td class="source"> @layer foo { /* also layer 1 */ } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/55e6c3fb8b20/css-cascade-5/Overview.bs#l1261" title="55e6c3fb8b20: [css-cascade-5] Clarify the behavior of nested layer shorthand">miriam@26479</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/9a49303975d0/css-cascade-5/Overview.bs#l1369" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1444" id="l1444"> 1444</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/55e6c3fb8b20/css-cascade-5/Overview.bs#l1262" title="55e6c3fb8b20: [css-cascade-5] Clarify the behavior of nested layer shorthand">miriam@26479</a> </td> <td class="lineno"> <a href="#l1445" id="l1445"> 1445</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1371" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1446" id="l1446"> 1446</a> </td> <td class="source"> * Whereas in separate unnamed layers, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1372" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1447" id="l1447"> 1447</a> </td> <td class="source"> child layers with the same name refer to different cascade layers, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1373" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1448" id="l1448"> 1448</a> </td> <td class="source"> because they have distinct anonymous parent layers. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/55e6c3fb8b20/css-cascade-5/Overview.bs#l1267" title="55e6c3fb8b20: [css-cascade-5] Clarify the behavior of nested layer shorthand">miriam@26479</a> </td> <td class="lineno"> <a href="#l1449" id="l1449"> 1449</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1375" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1450" id="l1450"> 1450</a> </td> <td class="source"> <pre class=lang-css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1376" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1451" id="l1451"> 1451</a> </td> <td class="source"> @layer { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1415" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1452" id="l1452"> 1452</a> </td> <td class="source"> @layer foo { /* layer 1 */ } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/55e6c3fb8b20/css-cascade-5/Overview.bs#l1271" title="55e6c3fb8b20: [css-cascade-5] Clarify the behavior of nested layer shorthand">miriam@26479</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/9a49303975d0/css-cascade-5/Overview.bs#l1379" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1454" id="l1454"> 1454</a> </td> <td class="source"> @layer { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d96bc88d9068/css-cascade-5/Overview.bs#l1418" title="d96bc88d9068: [css-cascade-5] name-defining at-rules use layer order to resolve name collisions">miriam@27247</a> </td> <td class="lineno"> <a href="#l1455" id="l1455"> 1455</a> </td> <td class="source"> @layer foo { /* layer 2 */ } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/55e6c3fb8b20/css-cascade-5/Overview.bs#l1281" title="55e6c3fb8b20: [css-cascade-5] Clarify the behavior of nested layer shorthand">miriam@26479</a> </td> <td class="lineno"> <a href="#l1456" id="l1456"> 1456</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1382" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1457" id="l1457"> 1457</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/55e6c3fb8b20/css-cascade-5/Overview.bs#l1283" title="55e6c3fb8b20: [css-cascade-5] Clarify the behavior of nested layer shorthand">miriam@26479</a> </td> <td class="lineno"> <a href="#l1458" id="l1458"> 1458</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/55e6c3fb8b20/css-cascade-5/Overview.bs#l1284" title="55e6c3fb8b20: [css-cascade-5] Clarify the behavior of nested layer shorthand">miriam@26479</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/9a49303975d0/css-cascade-5/Overview.bs#l1385" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1460" id="l1460"> 1460</a> </td> <td class="source"> <div class=example> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1386" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1461" id="l1461"> 1461</a> </td> <td class="source"> A layer declared without a <<layer-name>> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4febc4cb5d5a/css-cascade-5/Overview.bs#l1259" title="4febc4cb5d5a: [css-cascade-5] Tighten up cascade layers prose.">fantasai@26473</a> </td> <td class="lineno"> <a href="#l1462" id="l1462"> 1462</a> </td> <td class="source"> does not provide any external hook for re-arranging or adding styles. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/aab3f44e0bc9/css-cascade-5/Overview.bs#l1238" title="aab3f44e0bc9: First full draft of cascade layers">miriam@26315</a> </td> <td class="lineno"> <a href="#l1463" id="l1463"> 1463</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1389" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1464" id="l1464"> 1464</a> </td> <td class="source"> While this can be a mere convenience for brevity, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1390" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1465" id="l1465"> 1465</a> </td> <td class="source"> it can also be used by teams as a way to force an organizing convention </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1391" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1466" id="l1466"> 1466</a> </td> <td class="source"> (all code in that layer must be defined in the same place), </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1392" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1467" id="l1467"> 1467</a> </td> <td class="source"> or by libraries wanting to merge & hide a set of internal “private” layers </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1252" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1468" id="l1468"> 1468</a> </td> <td class="source"> that they don't want exposed to author manipulation: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1218" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</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/b3b318d1f46d/css-cascade-5/Overview.bs#l1254" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1470" id="l1470"> 1470</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1255" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1471" id="l1471"> 1471</a> </td> <td class="source"> /* bootstrap-base.css */ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1256" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1472" id="l1472"> 1472</a> </td> <td class="source"> /* unnamed wrapper layers around each sub-file */ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1439" 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="#l1473" id="l1473"> 1473</a> </td> <td class="source"> @import url(base-forms.css) layer; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1440" 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="#l1474" id="l1474"> 1474</a> </td> <td class="source"> @import url(base-links.css) layer; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1441" 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="#l1475" id="l1475"> 1475</a> </td> <td class="source"> @import url(base-headings.css) layer; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1401" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1476" id="l1476"> 1476</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1402" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1477" id="l1477"> 1477</a> </td> <td class="source"> <pre class=lang-css> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1261" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1478" id="l1478"> 1478</a> </td> <td class="source"> /* bootstrap.css */ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/d311b4c7e390/css-cascade-5/Overview.bs#l1346" title="d311b4c7e390: fix: typos across specs (#5992)">nschonni@26746</a> </td> <td class="lineno"> <a href="#l1479" id="l1479"> 1479</a> </td> <td class="source"> /* the internal names are hidden from access, subsumed in "base" */ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1445" 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="#l1480" id="l1480"> 1480</a> </td> <td class="source"> @import url(bootstrap-base.css) layer(base); </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1406" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1481" id="l1481"> 1481</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1407" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1482" id="l1482"> 1482</a> </td> <td class="source"> <pre class=lang-css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1265" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1483" id="l1483"> 1483</a> </td> <td class="source"> /* author.css */ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1266" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1484" id="l1484"> 1484</a> </td> <td class="source"> /* author has access to bootstrap.base layer, but not into unnamed layers */ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1449" 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="#l1485" id="l1485"> 1485</a> </td> <td class="source"> @import url(bootstrap.css) layer(bootstrap); </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1411" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1486" id="l1486"> 1486</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1412" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1487" id="l1487"> 1487</a> </td> <td class="source"> /* Adds additional styles to the bootstrap layer: */ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1413" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1488" id="l1488"> 1488</a> </td> <td class="source"> @layer bootstrap {...} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b3b318d1f46d/css-cascade-5/Overview.bs#l1268" title="b3b318d1f46d: [css-cascade-5] Fix indentation. Whitespace-only.">fantasai@26472</a> </td> <td class="lineno"> <a href="#l1489" id="l1489"> 1489</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1223" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1490" id="l1490"> 1490</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14711f23df12/css-cascade-5/Overview.bs#l1224" title="14711f23df12: Incomplete first draft of cascade layers">miriam@26238</a> </td> <td class="lineno"> <a href="#l1491" id="l1491"> 1491</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1417" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1492" id="l1492"> 1492</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1418" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1493" id="l1493"> 1493</a> </td> <td class="source"><h4 id="layer-ordering"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1419" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1494" id="l1494"> 1494</a> </td> <td class="source">Layer Ordering</h4> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1420" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1495" id="l1495"> 1495</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1421" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1496" id="l1496"> 1496</a> </td> <td class="source"> Cascade layers are sorted </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1422" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1497" id="l1497"> 1497</a> </td> <td class="source"> by the order in which they first are declared, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/200a7d80f478/css-cascade-5/Overview.bs#l1497" title="200a7d80f478: [css-cascade-5] Improve wording about layer order/precedence. #7041">jackalmage@28353</a> </td> <td class="lineno"> <a href="#l1498" id="l1498"> 1498</a> </td> <td class="source"> with nested layers grouped within their parent layer. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/200a7d80f478/css-cascade-5/Overview.bs#l1498" title="200a7d80f478: [css-cascade-5] Improve wording about layer order/precedence. #7041">jackalmage@28353</a> </td> <td class="lineno"> <a href="#l1499" id="l1499"> 1499</a> </td> <td class="source"> Unlayered rules are sorted later than </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/200a7d80f478/css-cascade-5/Overview.bs#l1499" title="200a7d80f478: [css-cascade-5] Improve wording about layer order/precedence. #7041">jackalmage@28353</a> </td> <td class="lineno"> <a href="#l1500" id="l1500"> 1500</a> </td> <td class="source"> any layered rules within the same parent layer (if any). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1425" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1501" id="l1501"> 1501</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1426" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1502" id="l1502"> 1502</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1427" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1503" id="l1503"> 1503</a> </td> <td class="source"> Given the following layer rules: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1428" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1504" id="l1504"> 1504</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1429" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1505" id="l1505"> 1505</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1476" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1506" id="l1506"> 1506</a> </td> <td class="source"> /* unlayered styles come last in the layer order */ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1477" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1507" id="l1507"> 1507</a> </td> <td class="source"> h1 { color: darkslateblue; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1433" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1508" id="l1508"> 1508</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1479" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1509" id="l1509"> 1509</a> </td> <td class="source"> @layer reset.type { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1480" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1510" id="l1510"> 1510</a> </td> <td class="source"> strong { font-weight: bold; } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1481" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1511" id="l1511"> 1511</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1437" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1512" id="l1512"> 1512</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1483" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1513" id="l1513"> 1513</a> </td> <td class="source"> @layer framework { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1484" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1514" id="l1514"> 1514</a> </td> <td class="source"> .title { font-weight: 100; } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1440" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1515" id="l1515"> 1515</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1486" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1516" id="l1516"> 1516</a> </td> <td class="source"> @layer theme { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1487" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1517" id="l1517"> 1517</a> </td> <td class="source"> h1, h2 { color: maroon; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1488" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</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/0908d77c5aa3/css-cascade-5/Overview.bs#l1489" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1519" id="l1519"> 1519</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cf61a8d1be8c/css-cascade-5/Overview.bs#l1445" title="cf61a8d1be8c: [css-cascade-5] Move unlayered styles below explicit layers by default #6284">miriam@27105</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/0908d77c5aa3/css-cascade-5/Overview.bs#l1491" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1521" id="l1521"> 1521</a> </td> <td class="source"> @layer reset { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1492" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1522" id="l1522"> 1522</a> </td> <td class="source"> [hidden] { display: none; } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1493" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1523" id="l1523"> 1523</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1445" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1524" id="l1524"> 1524</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1446" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1525" id="l1525"> 1525</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cf61a8d1be8c/css-cascade-5/Overview.bs#l1450" title="cf61a8d1be8c: [css-cascade-5] Move unlayered styles below explicit layers by default #6284">miriam@27105</a> </td> <td class="lineno"> <a href="#l1526" id="l1526"> 1526</a> </td> <td class="source"> The outer layers are sorted first, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/cf61a8d1be8c/css-cascade-5/Overview.bs#l1451" title="cf61a8d1be8c: [css-cascade-5] Move unlayered styles below explicit layers by default #6284">miriam@27105</a> </td> <td class="lineno"> <a href="#l1527" id="l1527"> 1527</a> </td> <td class="source"> with any unlayered style rules </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cf61a8d1be8c/css-cascade-5/Overview.bs#l1452" title="cf61a8d1be8c: [css-cascade-5] Move unlayered styles below explicit layers by default #6284">miriam@27105</a> </td> <td class="lineno"> <a href="#l1528" id="l1528"> 1528</a> </td> <td class="source"> added to an implicit outer layer which </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/549e921b66e2/css-cascade-5/Overview.bs#l1516" title="549e921b66e2: [css-cascade-*] Consistently use 'precedence' rather than 'priority'.">jackalmage@28351</a> </td> <td class="lineno"> <a href="#l1529" id="l1529"> 1529</a> </td> <td class="source"> has higher precedence than (comes after) the explicit layers: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1448" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1530" id="l1530"> 1530</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1501" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1531" id="l1531"> 1531</a> </td> <td class="source"> 1. ''reset'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cf61a8d1be8c/css-cascade-5/Overview.bs#l1456" title="cf61a8d1be8c: [css-cascade-5] Move unlayered styles below explicit layers by default #6284">miriam@27105</a> </td> <td class="lineno"> <a href="#l1532" id="l1532"> 1532</a> </td> <td class="source"> 2. ''framework'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1503" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1533" id="l1533"> 1533</a> </td> <td class="source"> 3. (implicit outer layer) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1451" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1534" id="l1534"> 1534</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1452" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1535" id="l1535"> 1535</a> </td> <td class="source"> Within each layer, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1453" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1536" id="l1536"> 1536</a> </td> <td class="source"> nested layers are sorted in appearance order, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1454" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1537" id="l1537"> 1537</a> </td> <td class="source"> and style rules without further nesting </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cf61a8d1be8c/css-cascade-5/Overview.bs#l1462" title="cf61a8d1be8c: [css-cascade-5] Move unlayered styles below explicit layers by default #6284">miriam@27105</a> </td> <td class="lineno"> <a href="#l1538" id="l1538"> 1538</a> </td> <td class="source"> are similarly added to an implicit sub-layer </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1509" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1539" id="l1539"> 1539</a> </td> <td class="source"> after the explicitly nested layers: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1457" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1540" id="l1540"> 1540</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1511" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1541" id="l1541"> 1541</a> </td> <td class="source"> 1. ''reset.type'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1512" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1542" id="l1542"> 1542</a> </td> <td class="source"> 2. ''reset'' (implicit sub-layer) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/cf61a8d1be8c/css-cascade-5/Overview.bs#l1468" title="cf61a8d1be8c: [css-cascade-5] Move unlayered styles below explicit layers by default #6284">miriam@27105</a> </td> <td class="lineno"> <a href="#l1543" id="l1543"> 1543</a> </td> <td class="source"> 3. ''framework.theme'' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1514" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1544" id="l1544"> 1544</a> </td> <td class="source"> 4. ''framework'' (implicit sub-layer) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1515" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l1545" id="l1545"> 1545</a> </td> <td class="source"> 5. (implicit outer layer) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1462" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1546" id="l1546"> 1546</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1463" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1547" id="l1547"> 1547</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1510" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1548" id="l1548"> 1548</a> </td> <td class="source"> Layers that are defined inside of a [=conditional group rule=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/27599441250f/css-cascade-5/Overview.bs#l1518" title="27599441250f: [css-cascade-5] Make note understandable to people who don't know about the “container query” proposal. #64907">fantasai@27481</a> </td> <td class="lineno"> <a href="#l1549" id="l1549"> 1549</a> </td> <td class="source"> do not contribute to the layer order unless the condition is true </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/27599441250f/css-cascade-5/Overview.bs#l1519" title="27599441250f: [css-cascade-5] Make note understandable to people who don't know about the “container query” proposal. #64907">fantasai@27481</a> </td> <td class="lineno"> <a href="#l1550" id="l1550"> 1550</a> </td> <td class="source"> or unless the [=conditional group rule=] can evaluate differently </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/27599441250f/css-cascade-5/Overview.bs#l1520" title="27599441250f: [css-cascade-5] Make note understandable to people who don't know about the “container query” proposal. #64907">fantasai@27481</a> </td> <td class="lineno"> <a href="#l1551" id="l1551"> 1551</a> </td> <td class="source"> for different elements in the document. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1514" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1552" id="l1552"> 1552</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/27599441250f/css-cascade-5/Overview.bs#l1522" title="27599441250f: [css-cascade-5] Make note understandable to people who don't know about the “container query” proposal. #64907">fantasai@27481</a> </td> <td class="lineno"> <a href="#l1553" id="l1553"> 1553</a> </td> <td class="source"> Note: Since the layer order is global to the document, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/27599441250f/css-cascade-5/Overview.bs#l1523" title="27599441250f: [css-cascade-5] Make note understandable to people who don't know about the “container query” proposal. #64907">fantasai@27481</a> </td> <td class="lineno"> <a href="#l1554" id="l1554"> 1554</a> </td> <td class="source"> any layers defined inside an element-sensitive [=conditional group rule=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/27599441250f/css-cascade-5/Overview.bs#l1524" title="27599441250f: [css-cascade-5] Make note understandable to people who don't know about the “container query” proposal. #64907">fantasai@27481</a> </td> <td class="lineno"> <a href="#l1555" id="l1555"> 1555</a> </td> <td class="source"> need to be accommodated when establishing the global layer order, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/27599441250f/css-cascade-5/Overview.bs#l1525" title="27599441250f: [css-cascade-5] Make note understandable to people who don't know about the “container query” proposal. #64907">fantasai@27481</a> </td> <td class="lineno"> <a href="#l1556" id="l1556"> 1556</a> </td> <td class="source"> regardless of the rule's condition. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/27599441250f/css-cascade-5/Overview.bs#l1526" title="27599441250f: [css-cascade-5] Make note understandable to people who don't know about the “container query” proposal. #64907">fantasai@27481</a> </td> <td class="lineno"> <a href="#l1557" id="l1557"> 1557</a> </td> <td class="source"> Conditions that are global to the document, however </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/27599441250f/css-cascade-5/Overview.bs#l1527" title="27599441250f: [css-cascade-5] Make note understandable to people who don't know about the “container query” proposal. #64907">fantasai@27481</a> </td> <td class="lineno"> <a href="#l1558" id="l1558"> 1558</a> </td> <td class="source"> (such as ''@media'' and ''@supports'') </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/27599441250f/css-cascade-5/Overview.bs#l1528" title="27599441250f: [css-cascade-5] Make note understandable to people who don't know about the “container query” proposal. #64907">fantasai@27481</a> </td> <td class="lineno"> <a href="#l1559" id="l1559"> 1559</a> </td> <td class="source"> can accommodate such ''@layer'' rules conditionally. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1520" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1560" id="l1560"> 1560</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1521" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1561" id="l1561"> 1561</a> </td> <td class="source"> <div class=example> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1522" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1562" id="l1562"> 1562</a> </td> <td class="source"> For example, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1523" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1563" id="l1563"> 1563</a> </td> <td class="source"> the following layer order </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1524" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1564" id="l1564"> 1564</a> </td> <td class="source"> will depend on which media conditions match: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1525" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1565" id="l1565"> 1565</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1526" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1566" id="l1566"> 1566</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1527" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1567" id="l1567"> 1567</a> </td> <td class="source"> @media (min-width: 30em) { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1528" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1568" id="l1568"> 1568</a> </td> <td class="source"> @layer layout { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1529" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1569" id="l1569"> 1569</a> </td> <td class="source"> .title { font-size: x-large; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1530" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1570" id="l1570"> 1570</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1531" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</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/2b174e141c07/css-cascade-5/Overview.bs#l1532" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1572" id="l1572"> 1572</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1533" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1573" id="l1573"> 1573</a> </td> <td class="source"> @media (prefers-color-scheme: dark) { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1534" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1574" id="l1574"> 1574</a> </td> <td class="source"> @layer theme { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1535" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1575" id="l1575"> 1575</a> </td> <td class="source"> .title { color: white; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1536" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1576" id="l1576"> 1576</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1537" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1577" id="l1577"> 1577</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1538" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1578" id="l1578"> 1578</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a66c333e7051/css-cascade-5/Overview.bs#l1548" title="a66c333e7051: [css-cascade-5] Add Missing Comma (#6592)">bramus@27546</a> </td> <td class="lineno"> <a href="#l1579" id="l1579"> 1579</a> </td> <td class="source"> @layer theme, layout; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1540" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1580" id="l1580"> 1580</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1541" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1581" id="l1581"> 1581</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1542" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1582" id="l1582"> 1582</a> </td> <td class="source"> If the first media-query matches based on viewport dimensions, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1543" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1583" id="l1583"> 1583</a> </td> <td class="source"> then the ''layout'' layer will come first in the layer order. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1544" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1584" id="l1584"> 1584</a> </td> <td class="source"> If the color-scheme preference query matches, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1545" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1585" id="l1585"> 1585</a> </td> <td class="source"> or if neither condition is true, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1546" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1586" id="l1586"> 1586</a> </td> <td class="source"> then ''theme'' will come first in the layer order. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1547" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1587" id="l1587"> 1587</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1548" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1588" id="l1588"> 1588</a> </td> <td class="source"> Authors who want to avoid this behavior can establish </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1549" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1589" id="l1589"> 1589</a> </td> <td class="source"> an explicit ordering of layers in advance, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1550" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1590" id="l1590"> 1590</a> </td> <td class="source"> and avoid defining new layers inside conditional rules. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1551" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1591" id="l1591"> 1591</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2b174e141c07/css-cascade-5/Overview.bs#l1552" title="2b174e141c07: [css-cascade-5] Define the ordering of conditional layers (#6407)">miriam@27248</a> </td> <td class="lineno"> <a href="#l1592" id="l1592"> 1592</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1464" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1593" id="l1593"> 1593</a> </td> <td class="source"> Note: [=Cascade layers=] are scoped to their [=origin=] and [=context=], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1465" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1594" id="l1594"> 1594</a> </td> <td class="source"> so the ordering of layers in the light DOM has no impact </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1466" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1595" id="l1595"> 1595</a> </td> <td class="source"> on the order of identically-named layers in the shadow DOM </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1467" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1596" id="l1596"> 1596</a> </td> <td class="source"> (and vice versa). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1468" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1597" id="l1597"> 1597</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/cf61a8d1be8c/css-cascade-5/Overview.bs#l1477" title="cf61a8d1be8c: [css-cascade-5] Move unlayered styles below explicit layers by default #6284">miriam@27105</a> </td> <td class="lineno"> <a href="#l1598" id="l1598"> 1598</a> </td> <td class="source"> Issue(6323): Allow authors to explicitly place unlayered styles in the layer order </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/cf61a8d1be8c/css-cascade-5/Overview.bs#l1478" title="cf61a8d1be8c: [css-cascade-5] Move unlayered styles below explicit layers by default #6284">miriam@27105</a> </td> <td class="lineno"> <a href="#l1599" id="l1599"> 1599</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1469" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1600" id="l1600"> 1600</a> </td> <td class="source"><h4 id="at-layer"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1470" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1601" id="l1601"> 1601</a> </td> <td class="source">Declaring Layers Inline: the ''@layer'' rule</h4> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1471" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1602" id="l1602"> 1602</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1472" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1603" id="l1603"> 1603</a> </td> <td class="source"> The <dfn at-rule id="at-ruledef-layer">@layer</dfn> rule </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1473" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1604" id="l1604"> 1604</a> </td> <td class="source"> declares a [=cascade layer=], with the option to assign style rules. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1474" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1605" id="l1605"> 1605</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1475" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1606" id="l1606"> 1606</a> </td> <td class="source"><h5 id="layer-block"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1476" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1607" id="l1607"> 1607</a> </td> <td class="source">Assigning Styles Inline: the ''@layer'' block at-rule</h5> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1477" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1608" id="l1608"> 1608</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1478" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1609" id="l1609"> 1609</a> </td> <td class="source"> The ''@layer'' [=block at-rule=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1479" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1610" id="l1610"> 1610</a> </td> <td class="source"> assigns its child style rules to a particular named [=cascade layer=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1480" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1611" id="l1611"> 1611</a> </td> <td class="source"> This block layer-assignment syntax is: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1481" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</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/9a49303975d0/css-cascade-5/Overview.bs#l1482" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1613" id="l1613"> 1613</a> </td> <td class="source"> <pre class='prod'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1483" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1614" id="l1614"> 1614</a> </td> <td class="source"> @layer <<layer-name>>? { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1484" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1615" id="l1615"> 1615</a> </td> <td class="source"> <<stylesheet>> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1485" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1616" id="l1616"> 1616</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1486" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1617" id="l1617"> 1617</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1487" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1618" id="l1618"> 1618</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1488" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1619" id="l1619"> 1619</a> </td> <td class="source"> Such ''@layer'' block rules have the same restrictions and processing </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1489" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1620" id="l1620"> 1620</a> </td> <td class="source"> as a [=conditional group rule=] [[CSS-CONDITIONAL-3]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1490" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1621" id="l1621"> 1621</a> </td> <td class="source"> with a true condition. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1491" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1622" id="l1622"> 1622</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1492" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1623" id="l1623"> 1623</a> </td> <td class="source"> <div class=example> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1493" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1624" id="l1624"> 1624</a> </td> <td class="source"> For example, ''@layer'' and ''@media'' can be mixed: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1494" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1625" id="l1625"> 1625</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1495" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1626" id="l1626"> 1626</a> </td> <td class="source"> <pre class=lang-css> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1496" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1627" id="l1627"> 1627</a> </td> <td class="source"> @layer framework { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1497" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1628" id="l1628"> 1628</a> </td> <td class="source"> h1, h2 { color: maroon; background: white;} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1498" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1629" id="l1629"> 1629</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1499" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1630" id="l1630"> 1630</a> </td> <td class="source"> @media (prefers-color-scheme: dark) { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1500" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1631" id="l1631"> 1631</a> </td> <td class="source"> h1, h2 { color: red; background: black; } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1501" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1632" id="l1632"> 1632</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1502" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1633" id="l1633"> 1633</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1503" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1634" id="l1634"> 1634</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1504" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1635" id="l1635"> 1635</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1505" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1636" id="l1636"> 1636</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1506" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1637" id="l1637"> 1637</a> </td> <td class="source"> Note: ''@layer'' [=block at-rules=] cannot be interleaved with ''@import'' rules. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1507" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1638" id="l1638"> 1638</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1508" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1639" id="l1639"> 1639</a> </td> <td class="source"><h5 id="layer-empty"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1509" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1640" id="l1640"> 1640</a> </td> <td class="source">Declaring Without Styles: the ''@layer'' statement at-rule</h5> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1510" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1641" id="l1641"> 1641</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1511" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1642" id="l1642"> 1642</a> </td> <td class="source"> The ''@layer'' rule can also be used to define new layers </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1512" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1643" id="l1643"> 1643</a> </td> <td class="source"> without assigning any style rules, by providing only the [=layer name=]: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1513" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1644" id="l1644"> 1644</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1514" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1645" id="l1645"> 1645</a> </td> <td class="source"> <pre class='prod'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1515" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1646" id="l1646"> 1646</a> </td> <td class="source"> @layer <<layer-name>>#; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1516" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1647" id="l1647"> 1647</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1517" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1648" id="l1648"> 1648</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b7c3d9db378e/css-cascade-5/Overview.bs#l1616" title="b7c3d9db378e: [css-cascade-5] Clarify where @layer can be placed, and what actually gets ignored. #6522">fantasai@27480</a> </td> <td class="lineno"> <a href="#l1649" id="l1649"> 1649</a> </td> <td class="source"> Such empty ''@layer'' rules are allowed before ''@import'' and ''@namespace'' rules </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b7c3d9db378e/css-cascade-5/Overview.bs#l1617" title="b7c3d9db378e: [css-cascade-5] Clarify where @layer can be placed, and what actually gets ignored. #6522">fantasai@27480</a> </td> <td class="lineno"> <a href="#l1650" id="l1650"> 1650</a> </td> <td class="source"> (after the ''@charset'' rule, if any) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b7c3d9db378e/css-cascade-5/Overview.bs#l1618" title="b7c3d9db378e: [css-cascade-5] Clarify where @layer can be placed, and what actually gets ignored. #6522">fantasai@27480</a> </td> <td class="lineno"> <a href="#l1651" id="l1651"> 1651</a> </td> <td class="source"> as well as everywhere ''@layer'' [=block at-rules=] are allowed. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b7c3d9db378e/css-cascade-5/Overview.bs#l1619" title="b7c3d9db378e: [css-cascade-5] Clarify where @layer can be placed, and what actually gets ignored. #6522">fantasai@27480</a> </td> <td class="lineno"> <a href="#l1652" id="l1652"> 1652</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1622" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1653" id="l1653"> 1653</a> </td> <td class="source"> Note: No ''@layer'' rules are allowed between ''@import'' and ''@namespace'' rules. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1623" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1654" id="l1654"> 1654</a> </td> <td class="source"> Any ''@layer'' rule that comes after an ''@import'' or ''@namespace'' rule </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a79e23fd3f29/css-cascade-5/Overview.bs#l1624" title="a79e23fd3f29: [css-cascade-5] Clarify note on @layer between @import/@namespace rules #6522">miriam@27491</a> </td> <td class="lineno"> <a href="#l1655" id="l1655"> 1655</a> </td> <td class="source"> will cause any subsequent ''@import'' or ''@namespace'' rules to be ignored. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1520" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1656" id="l1656"> 1656</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1521" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1657" id="l1657"> 1657</a> </td> <td class="source"> Unlike the [[#layer-block|block syntax]], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1522" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1658" id="l1658"> 1658</a> </td> <td class="source"> multiple comma-separated layer names can be provided in this syntax, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1523" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1659" id="l1659"> 1659</a> </td> <td class="source"> declaring each of the layers in the order specified. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1524" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1660" id="l1660"> 1660</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/59d8da70c0fc/css-cascade-5/Overview.bs#l1623" title="59d8da70c0fc: [css-cascade-5][editorial] Fix spelling typo">miriam@27468</a> </td> <td class="lineno"> <a href="#l1661" id="l1661"> 1661</a> </td> <td class="source"> Note: Since layer ordering is defined by first occurrence of the layer name </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1526" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1662" id="l1662"> 1662</a> </td> <td class="source"> (see [[#layer-ordering]]), </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1527" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1663" id="l1663"> 1663</a> </td> <td class="source"> this rule allows a page to declare the order of its layers up front, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1528" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1664" id="l1664"> 1664</a> </td> <td class="source"> so that their order is apparent without having to read the entire style sheet. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1529" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1665" id="l1665"> 1665</a> </td> <td class="source"> It also allows inline layers to be interleaved with imported layers, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1530" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1666" id="l1666"> 1666</a> </td> <td class="source"> which is not possible with the [[#layer-block|block syntax]]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1531" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1667" id="l1667"> 1667</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1532" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1668" id="l1668"> 1668</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1533" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1669" id="l1669"> 1669</a> </td> <td class="source"> The statement syntax </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1534" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1670" id="l1670"> 1670</a> </td> <td class="source"> allows establishing a layer order in advance, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1535" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1671" id="l1671"> 1671</a> </td> <td class="source"> regardless of the order in which style rules are added to each layer. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1641" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1672" id="l1672"> 1672</a> </td> <td class="source"> It can be helpful to establish that layer order in advance, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1642" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1673" id="l1673"> 1673</a> </td> <td class="source"> before any ''@import'' rules. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1537" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1674" id="l1674"> 1674</a> </td> <td class="source"> In this example, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1538" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1675" id="l1675"> 1675</a> </td> <td class="source"> the imported <code>theme.css</code> style rules will override </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1539" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1676" id="l1676"> 1676</a> </td> <td class="source"> any rules added in the later <css>default</css> block </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1646" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1677" id="l1677"> 1677</a> </td> <td class="source"> since the order of layers has already been established: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1647" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1678" id="l1678"> 1678</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1648" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1679" id="l1679"> 1679</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1649" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1680" id="l1680"> 1680</a> </td> <td class="source"> @layer default, theme, components; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1650" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1681" id="l1681"> 1681</a> </td> <td class="source"> @import url(theme.css) layer(theme); </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1651" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1682" id="l1682"> 1682</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1652" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1683" id="l1683"> 1683</a> </td> <td class="source"> @layer default { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1653" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1684" id="l1684"> 1684</a> </td> <td class="source"> audio[controls] { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1654" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1685" id="l1685"> 1685</a> </td> <td class="source"> display: block; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1655" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1686" id="l1686"> 1686</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1656" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1687" id="l1687"> 1687</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1657" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1688" id="l1688"> 1688</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1658" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1689" id="l1689"> 1689</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1659" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1690" id="l1690"> 1690</a> </td> <td class="source"> It's also possible to have ''@import'' rules </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1660" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1691" id="l1691"> 1691</a> </td> <td class="source"> help establish the order, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1661" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1692" id="l1692"> 1692</a> </td> <td class="source"> by placing them between ''@layer'' rules. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1662" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1693" id="l1693"> 1693</a> </td> <td class="source"> This example will have the same result: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1541" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1694" id="l1694"> 1694</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1542" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1695" id="l1695"> 1695</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1543" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1696" id="l1696"> 1696</a> </td> <td class="source"> @layer default; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1544" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1697" id="l1697"> 1697</a> </td> <td class="source"> @import url(theme.css) layer(theme); </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1545" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1698" id="l1698"> 1698</a> </td> <td class="source"> @layer components; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1546" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1699" id="l1699"> 1699</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1547" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1700" id="l1700"> 1700</a> </td> <td class="source"> @layer default { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1548" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1701" id="l1701"> 1701</a> </td> <td class="source"> audio[controls] { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1549" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1702" id="l1702"> 1702</a> </td> <td class="source"> display: block; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1550" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1703" id="l1703"> 1703</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1551" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1704" id="l1704"> 1704</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1552" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1705" id="l1705"> 1705</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1553" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1706" id="l1706"> 1706</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1676" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1707" id="l1707"> 1707</a> </td> <td class="source"> However, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1677" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1708" id="l1708"> 1708</a> </td> <td class="source"> ''@import'' and ''@namespace'' rules must be consecutive, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1678" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1709" id="l1709"> 1709</a> </td> <td class="source"> without any intervening rules. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1679" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1710" id="l1710"> 1710</a> </td> <td class="source"> The following is invalid: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1555" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1711" id="l1711"> 1711</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1556" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1712" id="l1712"> 1712</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1682" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1713" id="l1713"> 1713</a> </td> <td class="source"> @import url(default.css) layer(default); </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1683" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1714" id="l1714"> 1714</a> </td> <td class="source"> @layer theme; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1684" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1715" id="l1715"> 1715</a> </td> <td class="source"> @import url(components.css) layer(components); </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1559" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1716" id="l1716"> 1716</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9e065e924284/css-cascade-5/Overview.bs#l1686" title="9e065e924284: [css-cascade-5][editorial] Clarify ordering requirements in example">miriam@27497</a> </td> <td class="lineno"> <a href="#l1717" id="l1717"> 1717</a> </td> <td class="source"> @layer theme { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1561" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1718" id="l1718"> 1718</a> </td> <td class="source"> audio[controls] { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1562" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1719" id="l1719"> 1719</a> </td> <td class="source"> display: block; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1563" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1720" id="l1720"> 1720</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1564" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1721" id="l1721"> 1721</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1565" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1722" id="l1722"> 1722</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1566" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1723" id="l1723"> 1723</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1567" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1724" id="l1724"> 1724</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9a49303975d0/css-cascade-5/Overview.bs#l1568" title="9a49303975d0: [css-cascade-5][editorial] Significant rewrite/reorg of the Cascade Layers section to be more rigorous/organized and improve examples.">jackalmage@27103</a> </td> <td class="lineno"> <a href="#l1725" id="l1725"> 1725</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l999" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1726" id="l1726"> 1726</a> </td> <td class="source"><h3 id="preshint"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1000" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1727" id="l1727"> 1727</a> </td> <td class="source">Precedence of Non-CSS Presentational Hints</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1001" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1728" id="l1728"> 1728</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1002" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1729" id="l1729"> 1729</a> </td> <td class="source"> The UA may choose to honor presentational hints in a source document's markup, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1003" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1730" id="l1730"> 1730</a> </td> <td class="source"> for example the <code>bgcolor</code> attribute or <{s}> element in [[HTML]]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1004" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1731" id="l1731"> 1731</a> </td> <td class="source"> All document language-based styling must be translated to corresponding CSS rules </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e87349cf4b39/css-cascade-5/Overview.bs#l1702" title="e87349cf4b39: [css-cascade-4][css-cascade-5] Give presentational hits their own origin. #6659">fantasai@27685</a> </td> <td class="lineno"> <a href="#l1732" id="l1732"> 1732</a> </td> <td class="source"> and enter the cascade as rules in either </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e87349cf4b39/css-cascade-5/Overview.bs#l1703" title="e87349cf4b39: [css-cascade-4][css-cascade-5] Give presentational hits their own origin. #6659">fantasai@27685</a> </td> <td class="lineno"> <a href="#l1733" id="l1733"> 1733</a> </td> <td class="source"> the [=UA-origin=] or a special-purpose <dfn>author presentational hint origin</dfn> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e87349cf4b39/css-cascade-5/Overview.bs#l1704" title="e87349cf4b39: [css-cascade-4][css-cascade-5] Give presentational hits their own origin. #6659">fantasai@27685</a> </td> <td class="lineno"> <a href="#l1734" id="l1734"> 1734</a> </td> <td class="source"> between the regular [=user origin=] and the [=author origin=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e87349cf4b39/css-cascade-5/Overview.bs#l1705" title="e87349cf4b39: [css-cascade-4][css-cascade-5] Give presentational hits their own origin. #6659">fantasai@27685</a> </td> <td class="lineno"> <a href="#l1735" id="l1735"> 1735</a> </td> <td class="source"> For the purpose of [=cascading=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9681b0e0356b/css-cascade-5/Overview.bs#l1735" title="9681b0e0356b: [css-cascade-5] Clarify that revert-layer does not merge author and preshint origins. #7087">jackalmage@28357</a> </td> <td class="lineno"> <a href="#l1736" id="l1736"> 1736</a> </td> <td class="source"> this [=author presentational hint origin=] is treated as an independent [=origin=]; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9681b0e0356b/css-cascade-5/Overview.bs#l1736" title="9681b0e0356b: [css-cascade-5] Clarify that revert-layer does not merge author and preshint origins. #7087">jackalmage@28357</a> </td> <td class="lineno"> <a href="#l1737" id="l1737"> 1737</a> </td> <td class="source"> however for the purpose of the ''revert'' keyword </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9681b0e0356b/css-cascade-5/Overview.bs#l1737" title="9681b0e0356b: [css-cascade-5] Clarify that revert-layer does not merge author and preshint origins. #7087">jackalmage@28357</a> </td> <td class="lineno"> <a href="#l1738" id="l1738"> 1738</a> </td> <td class="source"> (but not for the ''revert-layer'' keyword) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e87349cf4b39/css-cascade-5/Overview.bs#l1708" title="e87349cf4b39: [css-cascade-4][css-cascade-5] Give presentational hits their own origin. #6659">fantasai@27685</a> </td> <td class="lineno"> <a href="#l1739" id="l1739"> 1739</a> </td> <td class="source"> it is considered part of the [=author origin=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e87349cf4b39/css-cascade-5/Overview.bs#l1709" title="e87349cf4b39: [css-cascade-4][css-cascade-5] Give presentational hits their own origin. #6659">fantasai@27685</a> </td> <td class="lineno"> <a href="#l1740" id="l1740"> 1740</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1008" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1741" id="l1741"> 1741</a> </td> <td class="source"> A document language may define whether such a presentational hint </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1009" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1742" id="l1742"> 1742</a> </td> <td class="source"> enters the [=cascade=] as [=UA-origin=] or [=author-origin=]; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1010" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1743" id="l1743"> 1743</a> </td> <td class="source"> if so, the UA must behave accordingly. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1465" 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="#l1744" id="l1744"> 1744</a> </td> <td class="source"> For example, [[SVG11]] maps its presentation attributes into the [=author origin=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1012" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1745" id="l1745"> 1745</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1013" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1746" id="l1746"> 1746</a> </td> <td class="source"> Note: Presentational hints entering the [=cascade=] as [=UA-origin=] rules </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1014" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1747" id="l1747"> 1747</a> </td> <td class="source"> can be overridden by [=author-origin=] or [=user-origin=] styles. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e87349cf4b39/css-cascade-5/Overview.bs#l1717" title="e87349cf4b39: [css-cascade-4][css-cascade-5] Give presentational hits their own origin. #6659">fantasai@27685</a> </td> <td class="lineno"> <a href="#l1748" id="l1748"> 1748</a> </td> <td class="source"> Presentational hints entering the cascade as [=author presentational hint origin=] rules </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1016" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1749" id="l1749"> 1749</a> </td> <td class="source"> can be overridden by [=author-origin=] styles, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1471" 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="#l1750" id="l1750"> 1750</a> </td> <td class="source"> but not by non-[=important=] [=user-origin=] styles. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1018" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1751" id="l1751"> 1751</a> </td> <td class="source"> Host languages should choose the appropriate origin for presentational hints </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1019" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1752" id="l1752"> 1752</a> </td> <td class="source"> with these considerations in mind. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1020" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1753" id="l1753"> 1753</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1021" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1754" id="l1754"> 1754</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1022" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1755" id="l1755"> 1755</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1031" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1764" id="l1764"> 1764</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1032" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1765" id="l1765"> 1765</a> </td> <td class="source"><h2 id="defaulting"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1033" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1766" id="l1766"> 1766</a> </td> <td class="source">Defaulting</h2> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1034" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1767" id="l1767"> 1767</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1035" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1768" id="l1768"> 1768</a> </td> <td class="source"> When the <a>cascade</a> does not result in a value, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1036" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1769" id="l1769"> 1769</a> </td> <td class="source"> the <a>specified value</a> must be found some other way. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1037" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1770" id="l1770"> 1770</a> </td> <td class="source"> <a>Inherited properties</a> draw their defaults from their parent element through <a>inheritance</a>; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1038" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1771" id="l1771"> 1771</a> </td> <td class="source"> all other properties take their <a>initial value</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1039" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1772" id="l1772"> 1772</a> </td> <td class="source"> Authors can explicitly request inheritance or initialization </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1040" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1773" id="l1773"> 1773</a> </td> <td class="source"> via the ''inherit'' and ''initial'' keywords. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1041" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1774" id="l1774"> 1774</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1042" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1775" id="l1775"> 1775</a> </td> <td class="source"><h3 id="initial-values"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1043" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1776" id="l1776"> 1776</a> </td> <td class="source">Initial Values</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1044" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1777" id="l1777"> 1777</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1045" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1778" id="l1778"> 1778</a> </td> <td class="source"> Each property has an <dfn export>initial value</dfn>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1046" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1779" id="l1779"> 1779</a> </td> <td class="source"> defined in the property's definition table. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1047" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1780" id="l1780"> 1780</a> </td> <td class="source"> If the property is not an <a>inherited property</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1048" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1781" id="l1781"> 1781</a> </td> <td class="source"> and the <a>cascade</a> does not result in a value, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1049" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1782" id="l1782"> 1782</a> </td> <td class="source"> then the <a>specified value</a> of the property is its <a>initial value</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1050" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1783" id="l1783"> 1783</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1051" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1784" id="l1784"> 1784</a> </td> <td class="source"><h3 id="inheriting"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1052" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1785" id="l1785"> 1785</a> </td> <td class="source">Inheritance</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1053" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1786" id="l1786"> 1786</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1054" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1787" id="l1787"> 1787</a> </td> <td class="source"> <dfn export lt="inheritance|inherit">Inheritance</dfn> propagates property values from parent elements to their children. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1055" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1788" id="l1788"> 1788</a> </td> <td class="source"> The <dfn export>inherited value</dfn> of a property on an element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1056" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1789" id="l1789"> 1789</a> </td> <td class="source"> is the <a>computed value</a> of the property on the element's parent element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1057" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1790" id="l1790"> 1790</a> </td> <td class="source"> For the root element, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1058" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1791" id="l1791"> 1791</a> </td> <td class="source"> which has no parent element, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1059" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1792" id="l1792"> 1792</a> </td> <td class="source"> the <a>inherited value</a> is the <a>initial value</a> of the property. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1060" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1793" id="l1793"> 1793</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1061" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1794" id="l1794"> 1794</a> </td> <td class="source"> For a [[DOM]] tree with shadows, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1062" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1795" id="l1795"> 1795</a> </td> <td class="source"> inheritance operates on the [=flattened element tree=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1063" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1796" id="l1796"> 1796</a> </td> <td class="source"> <span class="note">This means that slotted elements inherit from the <{slot}> they're assigned to, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1064" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1797" id="l1797"> 1797</a> </td> <td class="source"> rather than directly from their [=light tree=] parent.</span> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1065" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1798" id="l1798"> 1798</a> </td> <td class="source"> [=Pseudo-elements=] inherit according to the fictional tag sequence </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1066" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1799" id="l1799"> 1799</a> </td> <td class="source"> described for each [=pseudo-element=]. [[!CSS-PSEUDO-4]] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1067" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1800" id="l1800"> 1800</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1068" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1801" id="l1801"> 1801</a> </td> <td class="source"> Some properties are <dfn export lt="inherited property">inherited properties</dfn>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1069" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1802" id="l1802"> 1802</a> </td> <td class="source"> as defined in their property definition table. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1070" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1803" id="l1803"> 1803</a> </td> <td class="source"> This means that, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1071" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1804" id="l1804"> 1804</a> </td> <td class="source"> unless the [=cascade=] results in a value, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1072" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1805" id="l1805"> 1805</a> </td> <td class="source"> the value will be determined by [=inheritance=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1073" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1806" id="l1806"> 1806</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1074" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1807" id="l1807"> 1807</a> </td> <td class="source"> A property can also be explicitly inherited. See the ''inherit'' keyword. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1075" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1808" id="l1808"> 1808</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1076" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1809" id="l1809"> 1809</a> </td> <td class="source"> Note: Inheritance follows the document tree and is not intercepted by <a href="https://www.w3.org/TR/CSS2/visuren.html#box-gen">anonymous boxes</a>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1077" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1810" id="l1810"> 1810</a> </td> <td class="source"> or otherwise affected by manipulations of the box tree. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1078" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1811" id="l1811"> 1811</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1079" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1812" id="l1812"> 1812</a> </td> <td class="source"><h3 id="defaulting-keywords"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1080" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1813" id="l1813"> 1813</a> </td> <td class="source">Explicit Defaulting</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1081" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1814" id="l1814"> 1814</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1082" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1815" id="l1815"> 1815</a> </td> <td class="source"> Several CSS-wide property values are defined below; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1083" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1816" id="l1816"> 1816</a> </td> <td class="source"> declaring a property to have these values explicitly specifies a particular defaulting behavior. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1538" 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="#l1817" id="l1817"> 1817</a> </td> <td class="source"> As specified in <a href="https://www.w3.org/TR/css-values/#common-keywords">CSS Values and Units</a> [[!css-values-3]], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1085" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1818" id="l1818"> 1818</a> </td> <td class="source"> all CSS properties can accept these values. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1086" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1819" id="l1819"> 1819</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b52fe4b053ce/css-cascade-5/Overview.bs#l1820" title="b52fe4b053ce: [css-cascade-4][css-cascade-5] Define 'cascade-dependent keyword'. #7080">jackalmage@28361</a> </td> <td class="lineno"> <a href="#l1820" id="l1820"> 1820</a> </td> <td class="source"> The keywords ''revert'' and ''revert-layer'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b52fe4b053ce/css-cascade-5/Overview.bs#l1821" title="b52fe4b053ce: [css-cascade-4][css-cascade-5] Define 'cascade-dependent keyword'. #7080">jackalmage@28361</a> </td> <td class="lineno"> <a href="#l1821" id="l1821"> 1821</a> </td> <td class="source"> are <dfn export lt="cascade-dependent keyword">cascade-dependent keywords</dfn>; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b52fe4b053ce/css-cascade-5/Overview.bs#l1822" title="b52fe4b053ce: [css-cascade-4][css-cascade-5] Define 'cascade-dependent keyword'. #7080">jackalmage@28361</a> </td> <td class="lineno"> <a href="#l1822" id="l1822"> 1822</a> </td> <td class="source"> some contexts may restrict their use </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b52fe4b053ce/css-cascade-5/Overview.bs#l1823" title="b52fe4b053ce: [css-cascade-4][css-cascade-5] Define 'cascade-dependent keyword'. #7080">jackalmage@28361</a> </td> <td class="lineno"> <a href="#l1823" id="l1823"> 1823</a> </td> <td class="source"> while allowing the other [=CSS-wide keywords=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b52fe4b053ce/css-cascade-5/Overview.bs#l1824" title="b52fe4b053ce: [css-cascade-4][css-cascade-5] Define 'cascade-dependent keyword'. #7080">jackalmage@28361</a> </td> <td class="lineno"> <a href="#l1824" id="l1824"> 1824</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1825" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1825" id="l1825"> 1825</a> </td> <td class="source"><h4 id="initial" caniuse="css-initial-value"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1088" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1826" id="l1826"> 1826</a> </td> <td class="source">Resetting a Property: the ''initial'' keyword</h4> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1089" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1827" id="l1827"> 1827</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1828" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1828" id="l1828"> 1828</a> </td> <td class="source"> The <dfn value for=all>initial</dfn> [=CSS-wide keyword=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1829" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1829" id="l1829"> 1829</a> </td> <td class="source"> represents the value defined as the property's [=initial value=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1830" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1830" id="l1830"> 1830</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e11c09356200/css-cascade-5/Overview.bs#l1804" title="e11c09356200: [css-cascade][editorial] Fix markup.">fantasai@27929</a> </td> <td class="lineno"> <a href="#l1831" id="l1831"> 1831</a> </td> <td class="source"> If the <a>cascaded value</a> of a property is </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1832" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1832" id="l1832"> 1832</a> </td> <td class="source"> the ''initial'' keyword, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1091" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1833" id="l1833"> 1833</a> </td> <td class="source"> the property's <a>specified value</a> is its <a>initial value</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1092" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1834" id="l1834"> 1834</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1835" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1835" id="l1835"> 1835</a> </td> <td class="source"><h4 id="inherit" caniuse="mdn-api_csspropertyrule_inherits"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1094" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1836" id="l1836"> 1836</a> </td> <td class="source">Explicit Inheritance: the ''inherit'' keyword</h4> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1095" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1837" id="l1837"> 1837</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1838" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1838" id="l1838"> 1838</a> </td> <td class="source"> The <dfn value for=all>inherit</dfn> [=CSS-wide keyword=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1839" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1839" id="l1839"> 1839</a> </td> <td class="source"> represents the property’s [=computed value=] on the parent element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1840" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1840" id="l1840"> 1840</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e11c09356200/css-cascade-5/Overview.bs#l1811" title="e11c09356200: [css-cascade][editorial] Fix markup.">fantasai@27929</a> </td> <td class="lineno"> <a href="#l1841" id="l1841"> 1841</a> </td> <td class="source"> If the <a>cascaded value</a> of a property is </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1842" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1842" id="l1842"> 1842</a> </td> <td class="source"> the ''inherit'' keyword, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1097" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1843" id="l1843"> 1843</a> </td> <td class="source"> the property's <a lt="specified value">specified</a> and <a>computed values</a> are the <a>inherited value</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1098" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1844" id="l1844"> 1844</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1845" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1845" id="l1845"> 1845</a> </td> <td class="source"><h4 id="inherit-initial" caniuse="css-unset-value"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1100" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1846" id="l1846"> 1846</a> </td> <td class="source">Erasing All Declarations: the ''unset'' keyword</h4> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1101" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1847" id="l1847"> 1847</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1848" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1848" id="l1848"> 1848</a> </td> <td class="source"> The <dfn value for=all>unset</dfn> [=CSS-wide keyword=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1849" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1849" id="l1849"> 1849</a> </td> <td class="source"> acts as either ''inherit'' or ''initial'', </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1850" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1850" id="l1850"> 1850</a> </td> <td class="source"> depending on whether the property is [=inherited property|inherited=] or not. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1851" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1851" id="l1851"> 1851</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e11c09356200/css-cascade-5/Overview.bs#l1818" title="e11c09356200: [css-cascade][editorial] Fix markup.">fantasai@27929</a> </td> <td class="lineno"> <a href="#l1852" id="l1852"> 1852</a> </td> <td class="source"> If the <a>cascaded value</a> of a property is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1853" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1853" id="l1853"> 1853</a> </td> <td class="source"> the ''unset'' keyword, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1103" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1854" id="l1854"> 1854</a> </td> <td class="source"> then if it is an inherited property, this is treated as ''inherit'', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1104" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1855" id="l1855"> 1855</a> </td> <td class="source"> and if it is not, this is treated as ''initial''. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1105" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1856" id="l1856"> 1856</a> </td> <td class="source"> This keyword effectively erases all <a>declared values</a> occurring earlier in the <a>cascade</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1106" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1857" id="l1857"> 1857</a> </td> <td class="source"> correctly inheriting or not as appropriate for the property </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1107" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1858" id="l1858"> 1858</a> </td> <td class="source"> (or all longhands of a <a>shorthand</a>). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1108" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1859" id="l1859"> 1859</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1860" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1860" id="l1860"> 1860</a> </td> <td class="source"><h4 id="default" for=all caniuse="css-revert-value"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/87ff45aa369d/css-cascade-5/Overview.bs#l1467" title="87ff45aa369d: [css-cascade-5] Draft revert-layer keyword behavior (#5793)">miriam@26741</a> </td> <td class="lineno"> <a href="#l1861" id="l1861"> 1861</a> </td> <td class="source">Rolling Back Cascade Origins: the ''revert'' keyword</h4> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1111" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1862" id="l1862"> 1862</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1863" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1863" id="l1863"> 1863</a> </td> <td class="source"> The <dfn value>revert</dfn> [=CSS-wide keyword=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1864" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1864" id="l1864"> 1864</a> </td> <td class="source"> rolls back the cascade to the [=cascaded value=] of the earlier [=origin=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1865" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1865" id="l1865"> 1865</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e11c09356200/css-cascade-5/Overview.bs#l1829" title="e11c09356200: [css-cascade][editorial] Fix markup.">fantasai@27929</a> </td> <td class="lineno"> <a href="#l1866" id="l1866"> 1866</a> </td> <td class="source"> If the <a>cascaded value</a> of a property is </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1867" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1867" id="l1867"> 1867</a> </td> <td class="source"> the ''revert'' keyword, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l1850" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l1868" id="l1868"> 1868</a> </td> <td class="source"> the behavior depends on the [=cascade origin=] to which the [=declaration=] belongs: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1114" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1869" id="l1869"> 1869</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1115" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1870" id="l1870"> 1870</a> </td> <td class="source"> <dl> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1116" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1871" id="l1871"> 1871</a> </td> <td class="source"> <dt>[=user-agent origin=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1117" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1872" id="l1872"> 1872</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1118" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1873" id="l1873"> 1873</a> </td> <td class="source"> Equivalent to ''unset''. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1119" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1874" id="l1874"> 1874</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1120" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1875" id="l1875"> 1875</a> </td> <td class="source"> <dt>[=user origin=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1121" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1876" id="l1876"> 1876</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1122" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1877" id="l1877"> 1877</a> </td> <td class="source"> Rolls back the <a>cascaded value</a> to the user-agent level, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1123" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1878" id="l1878"> 1878</a> </td> <td class="source"> so that the <a>specified value</a> is calculated </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1124" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1879" id="l1879"> 1879</a> </td> <td class="source"> as if no [=author-origin=] or [=user-origin=] rules were specified </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1125" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1880" id="l1880"> 1880</a> </td> <td class="source"> for this property on this element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1126" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1881" id="l1881"> 1881</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1127" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1882" id="l1882"> 1882</a> </td> <td class="source"> <dt>[=author origin=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1128" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1883" id="l1883"> 1883</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1129" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1884" id="l1884"> 1884</a> </td> <td class="source"> Rolls back the <a>cascaded value</a> to the user level, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1130" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1885" id="l1885"> 1885</a> </td> <td class="source"> so that the <a>specified value</a> is calculated </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1131" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1886" id="l1886"> 1886</a> </td> <td class="source"> as if no [=author-origin=] rules were specified </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1132" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1887" id="l1887"> 1887</a> </td> <td class="source"> for this property on this element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1133" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1888" id="l1888"> 1888</a> </td> <td class="source"> For the purpose of ''revert'', this origin includes the Animation <a>origin</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1134" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1889" id="l1889"> 1889</a> </td> <td class="source"> </dl> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1135" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1890" id="l1890"> 1890</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0be9a3c5a391/css-cascade-5/Overview.bs#l1877" title="0be9a3c5a391: [css-cascade-4][css-cascade-5] Clarify that revert/revert-layer affect all aliases of a property. #7054">fantasai@28675</a> </td> <td class="lineno"> <a href="#l1891" id="l1891"> 1891</a> </td> <td class="source"> Note: Effectively the ''revert'' keyword is substituted with </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0be9a3c5a391/css-cascade-5/Overview.bs#l1878" title="0be9a3c5a391: [css-cascade-4][css-cascade-5] Clarify that revert/revert-layer affect all aliases of a property. #7054">fantasai@28675</a> </td> <td class="lineno"> <a href="#l1892" id="l1892"> 1892</a> </td> <td class="source"> the value from the earlier [=cascade origin=]. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0be9a3c5a391/css-cascade-5/Overview.bs#l1879" title="0be9a3c5a391: [css-cascade-4][css-cascade-5] Clarify that revert/revert-layer affect all aliases of a property. #7054">fantasai@28675</a> </td> <td class="lineno"> <a href="#l1893" id="l1893"> 1893</a> </td> <td class="source"> Thus, reverting a [=shorthand property=] reverts all its longhands; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0be9a3c5a391/css-cascade-5/Overview.bs#l1880" title="0be9a3c5a391: [css-cascade-4][css-cascade-5] Clarify that revert/revert-layer affect all aliases of a property. #7054">fantasai@28675</a> </td> <td class="lineno"> <a href="#l1894" id="l1894"> 1894</a> </td> <td class="source"> reverting any [[#aliasing|property alias]] of a property reverts all of them; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0be9a3c5a391/css-cascade-5/Overview.bs#l1881" title="0be9a3c5a391: [css-cascade-4][css-cascade-5] Clarify that revert/revert-layer affect all aliases of a property. #7054">fantasai@28675</a> </td> <td class="lineno"> <a href="#l1895" id="l1895"> 1895</a> </td> <td class="source"> reverting one of the paired properties in a [=logical property group=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0be9a3c5a391/css-cascade-5/Overview.bs#l1882" title="0be9a3c5a391: [css-cascade-4][css-cascade-5] Clarify that revert/revert-layer affect all aliases of a property. #7054">fantasai@28675</a> </td> <td class="lineno"> <a href="#l1896" id="l1896"> 1896</a> </td> <td class="source"> also reverts the other one; etc. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0be9a3c5a391/css-cascade-5/Overview.bs#l1883" title="0be9a3c5a391: [css-cascade-4][css-cascade-5] Clarify that revert/revert-layer affect all aliases of a property. #7054">fantasai@28675</a> </td> <td class="lineno"> <a href="#l1897" id="l1897"> 1897</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1898" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1898" id="l1898"> 1898</a> </td> <td class="source"><h4 id="revert-layer" caniuse="mdn-css_types_global_keywords_revert-layer"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/87ff45aa369d/css-cascade-5/Overview.bs#l1494" title="87ff45aa369d: [css-cascade-5] Draft revert-layer keyword behavior (#5793)">miriam@26741</a> </td> <td class="lineno"> <a href="#l1899" id="l1899"> 1899</a> </td> <td class="source">Rolling Back Cascade Layers: the ''revert-layer'' keyword</h4> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/87ff45aa369d/css-cascade-5/Overview.bs#l1495" title="87ff45aa369d: [css-cascade-5] Draft revert-layer keyword behavior (#5793)">miriam@26741</a> </td> <td class="lineno"> <a href="#l1900" id="l1900"> 1900</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1901" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1901" id="l1901"> 1901</a> </td> <td class="source"> The <dfn value for=all>revert-layer</dfn> [=CSS-wide keyword=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0be9a3c5a391/css-cascade-5/Overview.bs#l1888" title="0be9a3c5a391: [css-cascade-4][css-cascade-5] Clarify that revert/revert-layer affect all aliases of a property. #7054">fantasai@28675</a> </td> <td class="lineno"> <a href="#l1902" id="l1902"> 1902</a> </td> <td class="source"> rolls back the cascade similar to ''revert'', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0be9a3c5a391/css-cascade-5/Overview.bs#l1889" title="0be9a3c5a391: [css-cascade-4][css-cascade-5] Clarify that revert/revert-layer affect all aliases of a property. #7054">fantasai@28675</a> </td> <td class="lineno"> <a href="#l1903" id="l1903"> 1903</a> </td> <td class="source"> except it works by [=cascade layer=] rather than by [=cascade origin=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b5fa8c718bc6/css-cascade-5/Overview.bs#l1904" title="b5fa8c718bc6: [css-values][css-cascade] Refactor CSS-wide keyword definitions #7439">fantasai@28928</a> </td> <td class="lineno"> <a href="#l1904" id="l1904"> 1904</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e11c09356200/css-cascade-5/Overview.bs#l1857" title="e11c09356200: [css-cascade][editorial] Fix markup.">fantasai@27929</a> </td> <td class="lineno"> <a href="#l1905" id="l1905"> 1905</a> </td> <td class="source"> If the <a>cascaded value</a> of a property is </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0be9a3c5a391/css-cascade-5/Overview.bs#l1891" title="0be9a3c5a391: [css-cascade-4][css-cascade-5] Clarify that revert/revert-layer affect all aliases of a property. #7054">fantasai@28675</a> </td> <td class="lineno"> <a href="#l1906" id="l1906"> 1906</a> </td> <td class="source"> the ''revert-layer'' keyword, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0be9a3c5a391/css-cascade-5/Overview.bs#l1892" title="0be9a3c5a391: [css-cascade-4][css-cascade-5] Clarify that revert/revert-layer affect all aliases of a property. #7054">fantasai@28675</a> </td> <td class="lineno"> <a href="#l1907" id="l1907"> 1907</a> </td> <td class="source"> the <a>cascaded value</a> is rolled back to the earlier [=layer=], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/87ff45aa369d/css-cascade-5/Overview.bs#l1498" title="87ff45aa369d: [css-cascade-5] Draft revert-layer keyword behavior (#5793)">miriam@26741</a> </td> <td class="lineno"> <a href="#l1908" id="l1908"> 1908</a> </td> <td class="source"> so that the <a>specified value</a> is calculated </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1596" 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="#l1909" id="l1909"> 1909</a> </td> <td class="source"> as if no rules were specified in the current [=cascade layer=]-- </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1597" 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="#l1910" id="l1910"> 1910</a> </td> <td class="source"> or between its [=normal=] and [=important=] levels in the [=cascade=]-- </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/87ff45aa369d/css-cascade-5/Overview.bs#l1500" title="87ff45aa369d: [css-cascade-5] Draft revert-layer keyword behavior (#5793)">miriam@26741</a> </td> <td class="lineno"> <a href="#l1911" id="l1911"> 1911</a> </td> <td class="source"> for this property on this element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/db5f53b8701f/css-cascade-5/Overview.bs#l1869" title="db5f53b8701f: [css-cascade-5][editorial] Document issue with revert-layer in style attr">miriam@27867</a> </td> <td class="lineno"> <a href="#l1912" id="l1912"> 1912</a> </td> <td class="source"> For ''revert-layer'' in [=important=] <a href="#style-attr">element-attached styles</a>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/db5f53b8701f/css-cascade-5/Overview.bs#l1870" title="db5f53b8701f: [css-cascade-5][editorial] Document issue with revert-layer in style attr">miriam@27867</a> </td> <td class="lineno"> <a href="#l1913" id="l1913"> 1913</a> </td> <td class="source"> however, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/db5f53b8701f/css-cascade-5/Overview.bs#l1871" title="db5f53b8701f: [css-cascade-5][editorial] Document issue with revert-layer in style attr">miriam@27867</a> </td> <td class="lineno"> <a href="#l1914" id="l1914"> 1914</a> </td> <td class="source"> it only reverts the <a href="#style-attr">element-attached styles</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/db5f53b8701f/css-cascade-5/Overview.bs#l1872" title="db5f53b8701f: [css-cascade-5][editorial] Document issue with revert-layer in style attr">miriam@27867</a> </td> <td class="lineno"> <a href="#l1915" id="l1915"> 1915</a> </td> <td class="source"> and the intervening [=animation origin=], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/db5f53b8701f/css-cascade-5/Overview.bs#l1873" title="db5f53b8701f: [css-cascade-5][editorial] Document issue with revert-layer in style attr">miriam@27867</a> </td> <td class="lineno"> <a href="#l1916" id="l1916"> 1916</a> </td> <td class="source"> and not any of the intervening [=author-origin=] [=important=] rules. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/db5f53b8701f/css-cascade-5/Overview.bs#l1875" title="db5f53b8701f: [css-cascade-5][editorial] Document issue with revert-layer in style attr">miriam@27867</a> </td> <td class="lineno"> <a href="#l1917" id="l1917"> 1917</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1904" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1918" id="l1918"> 1918</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1905" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1919" id="l1919"> 1919</a> </td> <td class="source"> For example, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1906" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1920" id="l1920"> 1920</a> </td> <td class="source"> applying ''revert-layer'' to the 'height' in layer <code>two</code>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1907" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1921" id="l1921"> 1921</a> </td> <td class="source"> reverts the 'height' property to the value </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1908" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1922" id="l1922"> 1922</a> </td> <td class="source"> defined in layer <code>one</code>, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1909" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1923" id="l1923"> 1923</a> </td> <td class="source"> yielding a 'height' of <code>100px</code>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1910" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1924" id="l1924"> 1924</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1911" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1925" id="l1925"> 1925</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1912" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1926" id="l1926"> 1926</a> </td> <td class="source"> @layer one { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1913" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1927" id="l1927"> 1927</a> </td> <td class="source"> div { height: 100px } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1914" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1928" id="l1928"> 1928</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1915" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1929" id="l1929"> 1929</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1916" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1930" id="l1930"> 1930</a> </td> <td class="source"> @layer two { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1917" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1931" id="l1931"> 1931</a> </td> <td class="source"> div { height: 200px } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1918" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1932" id="l1932"> 1932</a> </td> <td class="source"> div { height: revert-layer } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1919" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1933" id="l1933"> 1933</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1920" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1934" id="l1934"> 1934</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1921" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1935" id="l1935"> 1935</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1922" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1936" id="l1936"> 1936</a> </td> <td class="source"> Note that since 'height' and 'block-size' are </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1923" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1937" id="l1937"> 1937</a> </td> <td class="source"> paired properties in a [=logical property group=], </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1924" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1938" id="l1938"> 1938</a> </td> <td class="source"> the following layer <code>two</code> declaration </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1925" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1939" id="l1939"> 1939</a> </td> <td class="source"> would also revert to the 'height' defined in layer <code>one</code>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1926" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1940" id="l1940"> 1940</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1927" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1941" id="l1941"> 1941</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1928" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1942" id="l1942"> 1942</a> </td> <td class="source"> @layer two { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1929" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1943" id="l1943"> 1943</a> </td> <td class="source"> div { height: 200px } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1930" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1944" id="l1944"> 1944</a> </td> <td class="source"> div { block-size: revert-layer } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1931" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1945" id="l1945"> 1945</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1932" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1946" id="l1946"> 1946</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1933" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1947" id="l1947"> 1947</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ebe3a000cfb8/css-cascade-5/Overview.bs#l1934" title="ebe3a000cfb8: [css-cascade-5][editorial] Example to clarify revert-layer in paired properties #7054">miriam@28709</a> </td> <td class="lineno"> <a href="#l1948" id="l1948"> 1948</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/306a9f3054ab/css-cascade-5/Overview.bs#l1889" title="306a9f3054ab: [css-cascade] Crosslink 'declaration' more often. #6837">jackalmage@28360</a> </td> <td class="lineno"> <a href="#l1949" id="l1949"> 1949</a> </td> <td class="source"> Note: If there are no lower-precedence [=declarations=] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1601" 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="#l1950" id="l1950"> 1950</a> </td> <td class="source"> in the same [=cascade origin=] as the ''revert-layer'' value, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/1e57cd0fcc6a/css-cascade-5/Overview.bs#l1851" title="1e57cd0fcc6a: [css-cascade-5] Clarify revert-layer on style attr and keyframes. #6743 #6749">fantasai@27856</a> </td> <td class="lineno"> <a href="#l1951" id="l1951"> 1951</a> </td> <td class="source"> the <a>cascaded value</a> will roll back to the previous origin. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/1e57cd0fcc6a/css-cascade-5/Overview.bs#l1852" title="1e57cd0fcc6a: [css-cascade-5] Clarify revert-layer on style attr and keyframes. #6743 #6749">fantasai@27856</a> </td> <td class="lineno"> <a href="#l1952" id="l1952"> 1952</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/1e57cd0fcc6a/css-cascade-5/Overview.bs#l1853" title="1e57cd0fcc6a: [css-cascade-5] Clarify revert-layer on style attr and keyframes. #6743 #6749">fantasai@27856</a> </td> <td class="lineno"> <a href="#l1953" id="l1953"> 1953</a> </td> <td class="source"> Note: The [=animation origin=] is not collapsed with the [=author origin=] for this purpose </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/1e57cd0fcc6a/css-cascade-5/Overview.bs#l1854" title="1e57cd0fcc6a: [css-cascade-5] Clarify revert-layer on style attr and keyframes. #6743 #6749">fantasai@27856</a> </td> <td class="lineno"> <a href="#l1954" id="l1954"> 1954</a> </td> <td class="source"> as it is for ''revert'', </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/1e57cd0fcc6a/css-cascade-5/Overview.bs#l1855" title="1e57cd0fcc6a: [css-cascade-5] Clarify revert-layer on style attr and keyframes. #6743 #6749">fantasai@27856</a> </td> <td class="lineno"> <a href="#l1955" id="l1955"> 1955</a> </td> <td class="source"> and thus effectively forms its own [=cascade layer=]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1136" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l1956" id="l1956"> 1956</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1866" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1957" id="l1957"> 1957</a> </td> <td class="source"><h2 id="layer-apis">Layer APIs</h2> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1867" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1958" id="l1958"> 1958</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1868" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1959" id="l1959"> 1959</a> </td> <td class="source"><h3 id='extensions-to-cssimportrule-interface'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1869" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1960" id="l1960"> 1960</a> </td> <td class="source">Extensions to the <code>CSSImportRule</code> interface</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1870" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1961" id="l1961"> 1961</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1882" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l1962" id="l1962"> 1962</a> </td> <td class="source"> The <code>CSSImportRule</code> interface is extended as follows: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1872" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1963" id="l1963"> 1963</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1884" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l1964" id="l1964"> 1964</a> </td> <td class="source"> <pre class='idl'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1885" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l1965" id="l1965"> 1965</a> </td> <td class="source"> partial interface CSSImportRule { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/47b71cca1923/css-cascade-5/Overview.bs#l1882" title="47b71cca1923: [css-cascade-5] Make CSSImportRule.layerName nullable #6576 (#6849)">xiaochengh@27888</a> </td> <td class="lineno"> <a href="#l1966" id="l1966"> 1966</a> </td> <td class="source"> readonly attribute CSSOMString? layerName; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1887" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l1967" id="l1967"> 1967</a> </td> <td class="source"> }; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1888" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l1968" id="l1968"> 1968</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1889" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l1969" id="l1969"> 1969</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1890" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l1970" id="l1970"> 1970</a> </td> <td class="source"> Its <dfn attribute for=CSSImportRule>layerName</dfn> attribute represents </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1891" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l1971" id="l1971"> 1971</a> </td> <td class="source"> the [=layer name=] declared in the at-rule itself, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c759425c55b/css-cascade-5/Overview.bs#l1898" title="2c759425c55b: [css-cascading-5] Updates for CR">chris@28094</a> </td> <td class="lineno"> <a href="#l1972" id="l1972"> 1972</a> </td> <td class="source"> and is an empty string if the layer is anonymous, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/47b71cca1923/css-cascade-5/Overview.bs#l1889" title="47b71cca1923: [css-cascade-5] Make CSSImportRule.layerName nullable #6576 (#6849)">xiaochengh@27888</a> </td> <td class="lineno"> <a href="#l1973" id="l1973"> 1973</a> </td> <td class="source"> or null if the at-rule does not declare a layer. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1878" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1974" id="l1974"> 1974</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1879" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1975" id="l1975"> 1975</a> </td> <td class="source"><h3 id="the-csslayerblockrule-interface"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1880" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1976" id="l1976"> 1976</a> </td> <td class="source">The <code>CSSLayerBlockRule</code> interface</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1881" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1977" id="l1977"> 1977</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1882" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1978" id="l1978"> 1978</a> </td> <td class="source"> The {{CSSLayerBlockRule}} interface represents </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1883" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1979" id="l1979"> 1979</a> </td> <td class="source"> the ''@layer'' [[#layer-block|block rule]]: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1884" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1980" id="l1980"> 1980</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1885" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1981" id="l1981"> 1981</a> </td> <td class="source"> <pre class='idl' export> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1886" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1982" id="l1982"> 1982</a> </td> <td class="source"> [Exposed=Window] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1887" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1983" id="l1983"> 1983</a> </td> <td class="source"> interface CSSLayerBlockRule : CSSGroupingRule { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1888" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1984" id="l1984"> 1984</a> </td> <td class="source"> readonly attribute CSSOMString name; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1889" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1985" id="l1985"> 1985</a> </td> <td class="source"> }; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1890" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1986" id="l1986"> 1986</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1891" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1987" id="l1987"> 1987</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1892" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1988" id="l1988"> 1988</a> </td> <td class="source"> Its <dfn attribute for=CSSLayerBlockRule>name</dfn> attribute represents </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1908" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l1989" id="l1989"> 1989</a> </td> <td class="source"> the [=layer name=] declared by the at-rule itself, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1895" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1990" id="l1990"> 1990</a> </td> <td class="source"> and is an empty string if the layer is anonymous. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1896" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1991" id="l1991"> 1991</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1897" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1992" id="l1992"> 1992</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1912" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l1993" id="l1993"> 1993</a> </td> <td class="source"> For example, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1913" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l1994" id="l1994"> 1994</a> </td> <td class="source"> additional nested context is not added from wrapping layer rules. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1914" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l1995" id="l1995"> 1995</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1898" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1996" id="l1996"> 1996</a> </td> <td class="source"> <pre class='lang-css'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1899" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1997" id="l1997"> 1997</a> </td> <td class="source"> @layer outer { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1917" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l1998" id="l1998"> 1998</a> </td> <td class="source"> @layer foo.bar { } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1901" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l1999" id="l1999"> 1999</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1902" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2000" id="l2000"> 2000</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1903" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2001" id="l2001"> 2001</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1921" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l2002" id="l2002"> 2002</a> </td> <td class="source"> in this case the {{CSSLayerBlockRule/name}} of the inner ''@layer'' rule </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1922" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l2003" id="l2003"> 2003</a> </td> <td class="source"> is “foo.bar” (and not “outer.foo.bar”). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1906" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2004" id="l2004"> 2004</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1907" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2005" id="l2005"> 2005</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1908" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2006" id="l2006"> 2006</a> </td> <td class="source"><h3 id="the-csslayerstatementrule-interface"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1909" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2007" id="l2007"> 2007</a> </td> <td class="source">The <code>CSSLayerStatementRule</code> interface</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1910" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2008" id="l2008"> 2008</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1911" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2009" id="l2009"> 2009</a> </td> <td class="source"> The {{CSSLayerStatementRule}} interface represents </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1912" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2010" id="l2010"> 2010</a> </td> <td class="source"> the ''@layer'' [[#layer-empty|statement]]: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1913" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2011" id="l2011"> 2011</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1914" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2012" id="l2012"> 2012</a> </td> <td class="source"> <pre class='idl' export> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1915" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2013" id="l2013"> 2013</a> </td> <td class="source"> [Exposed=Window] </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1916" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2014" id="l2014"> 2014</a> </td> <td class="source"> interface CSSLayerStatementRule : CSSRule { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1917" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2015" id="l2015"> 2015</a> </td> <td class="source"> readonly attribute FrozenArray&lt;CSSOMString> nameList; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1918" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2016" id="l2016"> 2016</a> </td> <td class="source"> }; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1919" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2017" id="l2017"> 2017</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1920" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2018" id="l2018"> 2018</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1921" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2019" id="l2019"> 2019</a> </td> <td class="source"> Its <dfn attribute for=CSSLayerStatementRule>nameList</dfn> attribute represents </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1939" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l2020" id="l2020"> 2020</a> </td> <td class="source"> the list of [=layer names=] declared by the at-rule, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1923" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2021" id="l2021"> 2021</a> </td> <td class="source"> normalized following the same rule as </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1924" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2022" id="l2022"> 2022</a> </td> <td class="source"> the {{CSSLayerBlockRule}}’s {{CSSLayerBlockRule/name}} attribute. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1925" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2023" id="l2023"> 2023</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1926" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2024" id="l2024"> 2024</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1137" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2025" id="l2025"> 2025</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1146" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2034" id="l2034"> 2034</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1147" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2035" id="l2035"> 2035</a> </td> <td class="source"><h2 id="changes"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1148" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2036" id="l2036"> 2036</a> </td> <td class="source">Changes</h2> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1149" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2037" id="l2037"> 2037</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a5ec62912c98/css-cascade-5/Overview.bs#l1963" title="a5ec62912c98: [css-cascade-5] Back to ED">chris@28095</a> </td> <td class="lineno"> <a href="#l2038" id="l2038"> 2038</a> </td> <td class="source"><h3 id="changes-2022-01"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a5ec62912c98/css-cascade-5/Overview.bs#l1964" title="a5ec62912c98: [css-cascade-5] Back to ED">chris@28095</a> </td> <td class="lineno"> <a href="#l2039" id="l2039"> 2039</a> </td> <td class="source">Changes since the 13 Jan 2022 Candidate Recommendation Snapshot</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a5ec62912c98/css-cascade-5/Overview.bs#l1965" title="a5ec62912c98: [css-cascade-5] Back to ED">chris@28095</a> </td> <td class="lineno"> <a href="#l2040" id="l2040"> 2040</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6b89ee50e65c/css-cascade-5/Overview.bs#l1996" title="6b89ee50e65c: [css-cascade-5] Clarify that only @layer statement rules are allowed before @import, not empty @layer blocks. #7566">fantasai@28708</a> </td> <td class="lineno"> <a href="#l2041" id="l2041"> 2041</a> </td> <td class="source">Non-trivial changes since the <a href="CSS Cascading and Inheritance Level 5">13 January 2022 Candidate Recommendation Snapshot</a>: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a5ec62912c98/css-cascade-5/Overview.bs#l1967" title="a5ec62912c98: [css-cascade-5] Back to ED">chris@28095</a> </td> <td class="lineno"> <a href="#l2042" id="l2042"> 2042</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/6b89ee50e65c/css-cascade-5/Overview.bs#l1998" title="6b89ee50e65c: [css-cascade-5] Clarify that only @layer statement rules are allowed before @import, not empty @layer blocks. #7566">fantasai@28708</a> </td> <td class="lineno"> <a href="#l2043" id="l2043"> 2043</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0be9a3c5a391/css-cascade-5/Overview.bs#l1998" title="0be9a3c5a391: [css-cascade-4][css-cascade-5] Clarify that revert/revert-layer affect all aliases of a property. #7054">fantasai@28675</a> </td> <td class="lineno"> <a href="#l2044" id="l2044"> 2044</a> </td> <td class="source"> * Clarify that all “aliases” of a property are reverted by ''revert''/''revert-layer''. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/64b27bc3b364/css-cascade-5/Overview.bs#l2000" title="64b27bc3b364: [css-cascade-4][css-cascade-5] Sync levels">fantasai@28679</a> </td> <td class="lineno"> <a href="#l2045" id="l2045"> 2045</a> </td> <td class="source"> * Clarify that style sheets are ordered in [[final CSS style sheets]] order. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/6b89ee50e65c/css-cascade-5/Overview.bs#l2001" title="6b89ee50e65c: [css-cascade-5] Clarify that only @layer statement rules are allowed before @import, not empty @layer blocks. #7566">fantasai@28708</a> </td> <td class="lineno"> <a href="#l2046" id="l2046"> 2046</a> </td> <td class="source"> * Clarify that only ''@layer'' statement rules are ignored when checking validity of ''@import'', not empty ''@layer'' block rules. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/a5ec62912c98/css-cascade-5/Overview.bs#l1969" title="a5ec62912c98: [css-cascade-5] Back to ED">chris@28095</a> </td> <td class="lineno"> <a href="#l2047" id="l2047"> 2047</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14fa81d69d32/css-cascade-5/Overview.bs#l1862" title="14fa81d69d32: [css-cascade-5] Fix missed edit for reversing order of unlayered declarations. #6284">fantasai@27640</a> </td> <td class="lineno"> <a href="#l2048" id="l2048"> 2048</a> </td> <td class="source"><h3 id="changes-2021-10"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l1869" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l2049" id="l2049"> 2049</a> </td> <td class="source">Changes since the 15 Oct 2021 Working Draft</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l1870" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l2050" id="l2050"> 2050</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l1871" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l2051" id="l2051"> 2051</a> </td> <td class="source">Non-trivial changes since the <a href="https://www.w3.org/TR/2021/WD-css-cascade-5-20211015/">15 October 2021 Working Draft</a>: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l1872" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l2052" id="l2052"> 2052</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c759425c55b/css-cascade-5/Overview.bs#l1969" title="2c759425c55b: [css-cascading-5] Updates for CR">chris@28094</a> </td> <td class="lineno"> <a href="#l2053" id="l2053"> 2053</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c759425c55b/css-cascade-5/Overview.bs#l1970" title="2c759425c55b: [css-cascading-5] Updates for CR">chris@28094</a> </td> <td class="lineno"> <a href="#l2054" id="l2054"> 2054</a> </td> <td class="source"> * Updated grammar style for @import media queries and supports conditions </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c759425c55b/css-cascade-5/Overview.bs#l1971" title="2c759425c55b: [css-cascading-5] Updates for CR">chris@28094</a> </td> <td class="lineno"> <a href="#l2055" id="l2055"> 2055</a> </td> <td class="source"> * Allowed functional notation parse-time aliases (<a href="https://github.com/w3c/csswg-drafts/issues/6193">Issue 6193</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c759425c55b/css-cascade-5/Overview.bs#l1972" title="2c759425c55b: [css-cascading-5] Updates for CR">chris@28094</a> </td> <td class="lineno"> <a href="#l2056" id="l2056"> 2056</a> </td> <td class="source"> * Made CSSImportRule.layerName nullable (<a href="https://github.com/w3c/csswg-drafts/issues/6576">Issue 6576</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/2c759425c55b/css-cascade-5/Overview.bs#l1973" title="2c759425c55b: [css-cascading-5] Updates for CR">chris@28094</a> </td> <td class="lineno"> <a href="#l2057" id="l2057"> 2057</a> </td> <td class="source"> * Clarified that revert-layer in style attr does not revert author layers (<a href="https://github.com/w3c/csswg-drafts/issues/6743">Issue 6743</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/2c759425c55b/css-cascade-5/Overview.bs#l1974" title="2c759425c55b: [css-cascading-5] Updates for CR">chris@28094</a> </td> <td class="lineno"> <a href="#l2058" id="l2058"> 2058</a> </td> <td class="source"> * Clarified revert-layer on style attr and keyframes (<a href="https://github.com/w3c/csswg-drafts/issues/6743">Issue 6743</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l1873" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l2059" id="l2059"> 2059</a> </td> <td class="source"> * Added [[#value-aliasing]] section. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l1874" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l2060" id="l2060"> 2060</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/6193">Issue 6193</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1947" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2061" id="l2061"> 2061</a> </td> <td class="source"> * Added [[#layer-apis]] section. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/5f2ce25674c9/css-cascade-5/Overview.bs#l1948" title="5f2ce25674c9: [css-cascade-5] Define CSSOM Layer APIs #6576">miriam@27857</a> </td> <td class="lineno"> <a href="#l2062" id="l2062"> 2062</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/6576">Issue 6576</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1966" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l2063" id="l2063"> 2063</a> </td> <td class="source"> * Clarified the behavior of ''revert-layer'' keyword when </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8e91a7cfe3f6/css-cascade-5/Overview.bs#l1969" title="8e91a7cfe3f6: [css-cascade][markup] Fix indentation.">fantasai@27930</a> </td> <td class="lineno"> <a href="#l2064" id="l2064"> 2064</a> </td> <td class="source"> used in the style attribute or ''@keyframes'' at-rule. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/69384114cb59/css-cascade-5/Overview.bs#l1968" title="69384114cb59: [css-cascade-5][editorial] Clarify layer API, and update changes">miriam@27866</a> </td> <td class="lineno"> <a href="#l2065" id="l2065"> 2065</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/6743">Issue 6743</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8e48eb17c61b/css-cascade-5/Overview.bs#l1955" title="8e48eb17c61b: [css-cascade-5] Clarify the behavior of layer syntax in @import #6776">miriam@27858</a> </td> <td class="lineno"> <a href="#l2066" id="l2066"> 2066</a> </td> <td class="source"> * Clarified the behavior of the ''layer'' keyword and ''layer()'' function </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8e48eb17c61b/css-cascade-5/Overview.bs#l1956" title="8e48eb17c61b: [css-cascade-5] Clarify the behavior of layer syntax in @import #6776">miriam@27858</a> </td> <td class="lineno"> <a href="#l2067" id="l2067"> 2067</a> </td> <td class="source"> on ''@import'' rules. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8e48eb17c61b/css-cascade-5/Overview.bs#l1957" title="8e48eb17c61b: [css-cascade-5] Clarify the behavior of layer syntax in @import #6776">miriam@27858</a> </td> <td class="lineno"> <a href="#l2068" id="l2068"> 2068</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/6776">Issue 6776</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l1876" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l2069" id="l2069"> 2069</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l1877" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l2070" id="l2070"> 2070</a> </td> <td class="source"><h3 id="changes-2021-08"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14fa81d69d32/css-cascade-5/Overview.bs#l1863" title="14fa81d69d32: [css-cascade-5] Fix missed edit for reversing order of unlayered declarations. #6284">fantasai@27640</a> </td> <td class="lineno"> <a href="#l2071" id="l2071"> 2071</a> </td> <td class="source">Changes since the 29 August 2021 Working Draft</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14fa81d69d32/css-cascade-5/Overview.bs#l1864" title="14fa81d69d32: [css-cascade-5] Fix missed edit for reversing order of unlayered declarations. #6284">fantasai@27640</a> </td> <td class="lineno"> <a href="#l2072" id="l2072"> 2072</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l1880" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l2073" id="l2073"> 2073</a> </td> <td class="source"> Changes since the <a href="https://www.w3.org/TR/2021/WD-css-cascade-5-20210829/">29 August 2021 Working Draft</a> include: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/14fa81d69d32/css-cascade-5/Overview.bs#l1866" title="14fa81d69d32: [css-cascade-5] Fix missed edit for reversing order of unlayered declarations. #6284">fantasai@27640</a> </td> <td class="lineno"> <a href="#l2074" id="l2074"> 2074</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1867" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l2075" id="l2075"> 2075</a> </td> <td class="source"> * Revert the ordering of unlayered styles. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1868" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l2076" id="l2076"> 2076</a> </td> <td class="source"> (See [[#changes-2021-06]] and </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0908d77c5aa3/css-cascade-5/Overview.bs#l1869" title="0908d77c5aa3: [css-cascade-5] Revert the ordering of unlayered styles #6284">miriam@27643</a> </td> <td class="lineno"> <a href="#l2077" id="l2077"> 2077</a> </td> <td class="source"> <a href="https://github.com/w3c/csswg-drafts/issues/6284">Issue 6284</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e87349cf4b39/css-cascade-5/Overview.bs#l1875" title="e87349cf4b39: [css-cascade-4][css-cascade-5] Give presentational hits their own origin. #6659">fantasai@27685</a> </td> <td class="lineno"> <a href="#l2078" id="l2078"> 2078</a> </td> <td class="source"> * Defined presentational hints to use the [=author presentational hint origin=] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e87349cf4b39/css-cascade-5/Overview.bs#l1876" title="e87349cf4b39: [css-cascade-4][css-cascade-5] Give presentational hits their own origin. #6659">fantasai@27685</a> </td> <td class="lineno"> <a href="#l2079" id="l2079"> 2079</a> </td> <td class="source"> instead of layers, matching update to [[CSS-CASCADE-4]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e87349cf4b39/css-cascade-5/Overview.bs#l1877" title="e87349cf4b39: [css-cascade-4][css-cascade-5] Give presentational hits their own origin. #6659">fantasai@27685</a> </td> <td class="lineno"> <a href="#l2080" id="l2080"> 2080</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/6659">Issue 6659</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/14fa81d69d32/css-cascade-5/Overview.bs#l1869" title="14fa81d69d32: [css-cascade-5] Fix missed edit for reversing order of unlayered declarations. #6284">fantasai@27640</a> </td> <td class="lineno"> <a href="#l2081" id="l2081"> 2081</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l1889" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l2082" id="l2082"> 2082</a> </td> <td class="source"><h3 id="changes-2021-06"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1838" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2083" id="l2083"> 2083</a> </td> <td class="source">Changes since the 8 June 2021 Working Draft</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1839" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2084" id="l2084"> 2084</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1840" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2085" id="l2085"> 2085</a> </td> <td class="source"> Significant changes since the <a href="https://www.w3.org/TR/2021/WD-css-cascade-5-20210608/">8 June 2021 Working Draft</a> include: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1841" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2086" id="l2086"> 2086</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1842" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2087" id="l2087"> 2087</a> </td> <td class="source"> * Reserve the CSS-wide keywords for future use in layer-names. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1843" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2088" id="l2088"> 2088</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/6323">Issue 6323</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1844" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2089" id="l2089"> 2089</a> </td> <td class="source"> * Clarify that ''@layer'' rules respect global conditional rules, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1845" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2090" id="l2090"> 2090</a> </td> <td class="source"> but are always applied to the layer order when declared in non-global conditions </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1846" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2091" id="l2091"> 2091</a> </td> <td class="source"> such as a container query. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1847" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2092" id="l2092"> 2092</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/6407">Issue 6407</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1848" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2093" id="l2093"> 2093</a> </td> <td class="source"> * Name-defining at-rules follow layer order for collision resolution, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1849" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2094" id="l2094"> 2094</a> </td> <td class="source"> similar to specificity resolution. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1850" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2095" id="l2095"> 2095</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/6404">Issue 6404</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1851" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2096" id="l2096"> 2096</a> </td> <td class="source"> * Disallow interleaving of ''@layer'' with ''@import'' or ''@namespace'' rules. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1852" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2097" id="l2097"> 2097</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/6522">Issue 6522</a>) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1853" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2098" id="l2098"> 2098</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l1906" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l2099" id="l2099"> 2099</a> </td> <td class="source"><h3 id="changes-2021-03"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1855" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2100" id="l2100"> 2100</a> </td> <td class="source">Changes since the 19 March 2021 Working Draft</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1856" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2101" id="l2101"> 2101</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1857" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2102" id="l2102"> 2102</a> </td> <td class="source"> Significant changes since the <a href="https://www.w3.org/TR/2021/WD-css-cascade-5-20210319/">19 March 2021 Working Draft</a> include: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1858" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2103" id="l2103"> 2103</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1859" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2104" id="l2104"> 2104</a> </td> <td class="source"> * Switched the ordering of unlayered styles </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/549e921b66e2/css-cascade-5/Overview.bs#l2028" title="549e921b66e2: [css-cascade-*] Consistently use 'precedence' rather than 'priority'.">jackalmage@28351</a> </td> <td class="lineno"> <a href="#l2105" id="l2105"> 2105</a> </td> <td class="source"> from highest to lowest precedence in the normal origins. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1861" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2106" id="l2106"> 2106</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/6284">Issue 6284</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1862" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2107" id="l2107"> 2107</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/53940f40d818/css-cascade-5/Overview.bs#l1915" title="53940f40d818: [css-cascade-4][css-cascade-5] Add value-aliasing section. #6193">jackalmage@27782</a> </td> <td class="lineno"> <a href="#l2108" id="l2108"> 2108</a> </td> <td class="source"><h3 id="changes-2021-01"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1864" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2109" id="l2109"> 2109</a> </td> <td class="source">Changes since the 19 January 2021 Working Draft</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1865" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2110" id="l2110"> 2110</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/ff88b8bc2ef3/css-cascade-5/Overview.bs#l1866" title="ff88b8bc2ef3: [css-cascade-5][editorial] Clean up documentation of changes">miriam@27463</a> </td> <td class="lineno"> <a href="#l2111" id="l2111"> 2111</a> </td> <td class="source"> Significant changes since the <a href="https://www.w3.org/TR/2021/WD-css-cascade-5-20210119/">19 January 2021 First Public Working Draft</a> include: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1620" 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="#l2112" id="l2112"> 2112</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1621" 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="#l2113" id="l2113"> 2113</a> </td> <td class="source"> * Switched [=layer=] import syntax from using ''@layer'' to using ''@import''. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1622" 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="#l2114" id="l2114"> 2114</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/5681">Issue 5681</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1623" 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="#l2115" id="l2115"> 2115</a> </td> <td class="source"> * Added ''revert-layer'' keyword. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1624" 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="#l2116" id="l2116"> 2116</a> </td> <td class="source"> (<a href="https://github.com/w3c/csswg-drafts/issues/5793">Issue 5793</a>) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1625" 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="#l2117" id="l2117"> 2117</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1150" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2118" id="l2118"> 2118</a> </td> <td class="source"><h3 id="additions-l4"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1151" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2119" id="l2119"> 2119</a> </td> <td class="source">Additions Since Level 4</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1152" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2120" id="l2120"> 2120</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1153" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2121" id="l2121"> 2121</a> </td> <td class="source"> The following features have been added since </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1154" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2122" id="l2122"> 2122</a> </td> <td class="source"> <a href="https://www.w3.org/TR/css-cascade-4/">Level 4</a>: </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1155" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2123" id="l2123"> 2123</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1632" 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="#l2124" id="l2124"> 2124</a> </td> <td class="source"> * Added [=cascade layers=] to the [=cascade=] sort criteria </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1633" 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="#l2125" id="l2125"> 2125</a> </td> <td class="source"> (and defined style attributes as a distinct step of the [=cascade=] sort criteria </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1634" 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="#l2126" id="l2126"> 2126</a> </td> <td class="source"> so that they interact appropriately). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/18f76bdbc605/css-cascade-5/Overview.bs#l1528" title="18f76bdbc605: Update cascade-5 additions">miriam@26742</a> </td> <td class="lineno"> <a href="#l2127" id="l2127"> 2127</a> </td> <td class="source"> * Introduced the ''@layer'' rule for defining cascade layers. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/dfe5f345ac42/css-cascade-5/Overview.bs#l1636" 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="#l2128" id="l2128"> 2128</a> </td> <td class="source"> * Added ''layer''/''layer()'' option to ''@import'' definition. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/18f76bdbc605/css-cascade-5/Overview.bs#l1529" title="18f76bdbc605: Update cascade-5 additions">miriam@26742</a> </td> <td class="lineno"> <a href="#l2129" id="l2129"> 2129</a> </td> <td class="source"> * Introduced the ''revert-layer'' keyword for rolling back values to previous layers. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ecd2a2ecc802/css-cascade-5/Overview.bs#l1462" title="ecd2a2ecc802: Add acknouledgements and document changes">miriam@26460</a> </td> <td class="lineno"> <a href="#l2130" id="l2130"> 2130</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1156" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2131" id="l2131"> 2131</a> </td> <td class="source"><h3 id="additions-l3"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1157" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2132" id="l2132"> 2132</a> </td> <td class="source">Additions Since Level 3</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1158" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2133" id="l2133"> 2133</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1159" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2134" id="l2134"> 2134</a> </td> <td class="source"> The following features have been added since </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1160" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2135" id="l2135"> 2135</a> </td> <td class="source"> <a href="https://www.w3.org/TR/css-cascade-3/">Level 3</a>: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1161" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2136" id="l2136"> 2136</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1162" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2137" id="l2137"> 2137</a> </td> <td class="source"> * Introduced ''revert'' keyword, for rolling back the cascade. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1163" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2138" id="l2138"> 2138</a> </td> <td class="source"> * Introduced ''supports()'' syntax for supports-conditional ''@import'' rules. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1164" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2139" id="l2139"> 2139</a> </td> <td class="source"> * Added [=encapsulation context=] to the [=cascade=] sort criteria </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1165" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2140" id="l2140"> 2140</a> </td> <td class="source"> to accommodate Shadow DOM. [[DOM]] </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b0602c4c66ef/css-cascade-5/Overview.bs#l1532" title="b0602c4c66ef: typo: Double words (#5951)">nschonni@26667</a> </td> <td class="lineno"> <a href="#l2141" id="l2141"> 2141</a> </td> <td class="source"> * Defined the property two aliasing mechanisms CSS uses to support legacy syntaxes. See [[#aliasing]]. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1167" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2142" id="l2142"> 2142</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1171" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2146" id="l2146"> 2146</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1172" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2147" id="l2147"> 2147</a> </td> <td class="source"><h3 id="changes-2"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1173" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2148" id="l2148"> 2148</a> </td> <td class="source">Additions Since Level 2</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1174" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2149" id="l2149"> 2149</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1175" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2150" id="l2150"> 2150</a> </td> <td class="source"> The following features have been added since </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1176" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2151" id="l2151"> 2151</a> </td> <td class="source"> <a href="http://www.w3.org/TR/CSS2/cascade.html">Level 2</a>: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1177" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2152" id="l2152"> 2152</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1178" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2153" id="l2153"> 2153</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1179" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2154" id="l2154"> 2154</a> </td> <td class="source"> <li>The 'all' shorthand </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1180" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2155" id="l2155"> 2155</a> </td> <td class="source"> <li>The ''initial'' keyword </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1181" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2156" id="l2156"> 2156</a> </td> <td class="source"> <li>The ''unset'' keyword </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1182" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2157" id="l2157"> 2157</a> </td> <td class="source"> <li>Incorporation of animations and transitions into the <a>cascade</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1183" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2158" id="l2158"> 2158</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1184" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2159" id="l2159"> 2159</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1185" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2160" id="l2160"> 2160</a> </td> <td class="source"><h2 class="no-num" id="acknowledgments">Acknowledgments</h2> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1186" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2161" id="l2161"> 2161</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3410d2fce562/css-cascade-5/Overview.bs#l2097" title="3410d2fce562: [css-cascade][editorial] reformat acks">jackalmage@28356</a> </td> <td class="lineno"> <a href="#l2162" id="l2162"> 2162</a> </td> <td class="source"> David Baron, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3410d2fce562/css-cascade-5/Overview.bs#l2098" title="3410d2fce562: [css-cascade][editorial] reformat acks">jackalmage@28356</a> </td> <td class="lineno"> <a href="#l2163" id="l2163"> 2163</a> </td> <td class="source"> Tantek Çelik, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3410d2fce562/css-cascade-5/Overview.bs#l2099" title="3410d2fce562: [css-cascade][editorial] reformat acks">jackalmage@28356</a> </td> <td class="lineno"> <a href="#l2164" id="l2164"> 2164</a> </td> <td class="source"> Florian Rivoal, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3410d2fce562/css-cascade-5/Overview.bs#l2100" title="3410d2fce562: [css-cascade][editorial] reformat acks">jackalmage@28356</a> </td> <td class="lineno"> <a href="#l2165" id="l2165"> 2165</a> </td> <td class="source"> Noam Rosenthal, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3410d2fce562/css-cascade-5/Overview.bs#l2101" title="3410d2fce562: [css-cascade][editorial] reformat acks">jackalmage@28356</a> </td> <td class="lineno"> <a href="#l2166" id="l2166"> 2166</a> </td> <td class="source"> Simon Sapin, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3410d2fce562/css-cascade-5/Overview.bs#l2102" title="3410d2fce562: [css-cascade][editorial] reformat acks">jackalmage@28356</a> </td> <td class="lineno"> <a href="#l2167" id="l2167"> 2167</a> </td> <td class="source"> Jen Simmons, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/3410d2fce562/css-cascade-5/Overview.bs#l2103" title="3410d2fce562: [css-cascade][editorial] reformat acks">jackalmage@28356</a> </td> <td class="lineno"> <a href="#l2168" id="l2168"> 2168</a> </td> <td class="source"> and Boris Zbarsky </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/3410d2fce562/css-cascade-5/Overview.bs#l2104" title="3410d2fce562: [css-cascade][editorial] reformat acks">jackalmage@28356</a> </td> <td class="lineno"> <a href="#l2169" id="l2169"> 2169</a> </td> <td class="source"> contributed to this specification. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1188" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2170" id="l2170"> 2170</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1189" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2171" id="l2171"> 2171</a> </td> <td class="source"><h2 class=no-num id=priv-sec> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1190" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2172" id="l2172"> 2172</a> </td> <td class="source">Privacy and Security Considerations</h2> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1191" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2173" id="l2173"> 2173</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1192" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2174" id="l2174"> 2174</a> </td> <td class="source"> * The cascade process does not distinguish between same-origin and cross-origin stylesheets, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1193" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2175" id="l2175"> 2175</a> </td> <td class="source"> enabling the content of cross-origin stylesheets to be inferred </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1194" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2176" id="l2176"> 2176</a> </td> <td class="source"> from the computed styles they apply to a document. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1195" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2177" id="l2177"> 2177</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1196" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2178" id="l2178"> 2178</a> </td> <td class="source"> * User preferences and UA defaults expressed via application of style rules </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1197" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2179" id="l2179"> 2179</a> </td> <td class="source"> are exposed by the cascade process, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1198" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2180" id="l2180"> 2180</a> </td> <td class="source"> and can be inferred from the computed styles they apply to a document. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1199" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2181" id="l2181"> 2181</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1200" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2182" id="l2182"> 2182</a> </td> <td class="source"> * The ''@import'' rule does not apply the [=CORS protocol=] to loading cross-origin stylesheets, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1201" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2183" id="l2183"> 2183</a> </td> <td class="source"> instead allowing them to be freely imported and applied. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1202" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2184" id="l2184"> 2184</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1203" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2185" id="l2185"> 2185</a> </td> <td class="source"> * The ''@import'' rule assumes that resources without <a href="https://html.spec.whatwg.org/multipage/urls-and-fetching.html#content-type"><code>Content-Type</code> metadata</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1204" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2186" id="l2186"> 2186</a> </td> <td class="source"> (or any same-origin file if the host document is in quirks mode) </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1205" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2187" id="l2187"> 2187</a> </td> <td class="source"> are <code>text/css</code>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1206" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2188" id="l2188"> 2188</a> </td> <td class="source"> potentially allowing arbitrary files to be imported into the page </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1207" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2189" id="l2189"> 2189</a> </td> <td class="source"> and interpreted as CSS, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/4accbf26ac48/css-cascade-5/Overview.bs#l1208" title="4accbf26ac48: [css-cascade-5] Initialize specification from L4 contents.">fantasai@25846</a> </td> <td class="lineno"> <a href="#l2190" id="l2190"> 2190</a> </td> <td class="source"> potentially allowing sensitive data to be inferred from the computed styles they apply to a document. </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>