drafts: css3-syntax/Overview.html@550ce5a48ffb (annotated)

css3-syntax/Overview.html@550ce5a48ffb (annotated)

css3-syntax/Overview.html

Wed, 13 Feb 2013 18:35:14 -0800

author: Tab Atkins Jr. <jackalmage@gmail.com>
date: Wed, 13 Feb 2013 18:35:14 -0800
changeset 7465: 550ce5a48ffb
parent 7464: a1add5340f0f
child 7466: b15ae85d44af
permissions: -rw-r--r--

[css3-syntax] Rewrite the charset determining step to be a little clearer, and closer to my normal language.

 <!DOCTYPE html>
 <html lang=en>
  <head>
   <meta content="text/html; charset=utf-8" http-equiv=Content-Type>
   <title>CSS Syntax Module Level 3 (CSS3 Syntax)</title>
   <!--
   <link href="http://purl.org/dc/terms/" rel="schema.dcterms">
   <link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright" rel="dcterms.rights">
   -->
   <meta content="CSS Syntax Module Level 3 (CSS3 Syntax)" name=dcterms.title>
   <meta content=text name=dcterms.type>
   <meta content=2013-02-14 name=dcterms.issued>
   <meta content="http://dev.w3.org/csswg/css3-syntax/" name=dcterms.creator>
   <meta content=W3C name=dcterms.publisher>
   <meta content="http://www.w3.org/TR/2013/ED-css3-syntax-20130214/"
    name=dcterms.identifier>
   <link href="#contents" rel=contents>
   <link href="#index" rel=index>
   <link href="../default.css" rel=stylesheet type="text/css">
   <link href="../csslogo.ico" rel="shortcut icon" type="image/x-icon">
   <link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet
    type="text/css">
   <link href=railroad-diagrams.css rel=stylesheet type="text/css">
  <body>
   <div class=head> <!--begin-logo-->
    <p><a href="http://www.w3.org/"><img alt=W3C height=48
     src="http://www.w3.org/Icons/w3c_home" width=72></a> <!--end-logo-->
    <h1>CSS Syntax Module Level 3</h1>
    <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 14 February
 </h2>
    <dl>
     <dt>This version:
     <dd> <a
      href="http://dev.w3.org/csswg/css3-syntax/">http://dev.w3.org/csswg/css3-syntax/</a>
      <!--
 	<dt>Latest version:
 	<dd>
 		<a href="http://www.w3.org/TR/css3-syntax/">http://www.w3.org/TR/css3-syntax/</a>
 -->
     <dt>Editor's draft:
     <dd> <a
      href="http://dev.w3.org/csswg/css3-syntax/">http://dev.w3.org/csswg/css3-syntax/</a>
     <dt>Previous version:
     <dd> <a
      href="http://www.w3.org/TR/2003/WD-css3-syntax-20030813/">http://www.w3.org/TR/2003/WD-css3-syntax-20030813/</a>
     <dt>Issue Tracking:
     <dd> <a
      href="https://www.w3.org/Bugs/Public/buglist.cgi?product=CSS&component=Syntax">W3C
      Bugzilla</a>
     <dt>Feedback:
     <dd> <a
      href="http://lists.w3.org/Archives/Public/www-style/">www-style@w3.org</a>
      with subject line “<kbd>[css3-syntax] <var>… message topic
      …</var></kbd>”
     <dt>Editors:
     <dd class="h-card vcard"> <a class="p-name fn u-url url"
      href="http://www.xanthir.com/" rel=author>Tab Atkins Jr.</a> (<span
      class="p-org org">Google, Inc.</span>), <span
      class="u-email email">jackalmage@gmail.com</span>
    </dl>
    <!--begin-copyright-->
    <p class=copyright><a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
     rel=license>Copyright</a> © 2013 <a href="http://www.w3.org/"><abbr
     title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a
     href="http://www.csail.mit.edu/"><abbr
     title="Massachusetts Institute of Technology">MIT</abbr></a>, <a
     href="http://www.ercim.eu/"><abbr
     title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>,
     <a href="http://www.keio.ac.jp/">Keio</a>, <a
     href="http://ev.buaa.edu.cn/">Beihang</a>), All Rights Reserved. W3C <a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
     <a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>
     and <a
     href="http://www.w3.org/Consortium/Legal/copyright-documents">document
     use</a> rules apply.</p>
    <!--end-copyright-->
    <hr title="Separator for header">
   </div>
   <h2 class="no-num no-toc" id=abstract>Abstract</h2>
   <p> <a href="http://www.w3.org/TR/CSS/">CSS</a> is a language for
    describing the rendering of structured documents (such as HTML and XML) on
    screen, on paper, in speech, etc. This module describes, in general terms,
    the basic structure and syntax of CSS stylesheets. It defines, in detail,
    the syntax and parsing of CSS - how to turn a stream of bytes into a
    meaningful stylesheet.
   <h2 class="no-num no-toc" id=status>Status of this document</h2>
   <!--begin-status-->
   <p>This is a public copy of the editors' draft. It is provided for
    discussion only and may change at any moment. Its publication here does
    not imply endorsement of its contents by W3C. Don't cite this document
    other than as work in progress.
   <p>The (<a
    href="http://lists.w3.org/Archives/Public/www-style/">archived</a>) public
    mailing list <a
    href="mailto:www-style@w3.org?Subject=%5Bcss3-syntax%5D%20PUT%20SUBJECT%20HERE">
    www-style@w3.org</a> (see <a
    href="http://www.w3.org/Mail/Request">instructions</a>) is preferred for
    discussion of this specification. When sending e-mail, please put the text
    “css3-syntax” in the subject, preferably like this:
    “[<!---->css3-syntax<!---->] <em>…summary of comment…</em>”
   <p>This document was produced by the <a href="/Style/CSS/members">CSS
    Working Group</a> (part of the <a href="/Style/">Style Activity</a>).
   <p>This document was produced by a group operating under the <a
    href="/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent
    Policy</a>. W3C maintains a <a href="/2004/01/pp-impl/32061/status"
    rel=disclosure>public list of any patent disclosures</a> made in
    connection with the deliverables of the group; that page also includes
    instructions for disclosing a patent. An individual who has actual
    knowledge of a patent which the individual believes contains <a
    href="/Consortium/Patent-Policy-20040205/#def-essential">Essential
    Claim(s)</a> must disclose the information in accordance with <a
    href="/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the
    W3C Patent Policy</a>.</p>
   <!--end-status-->
   <p>The following features are at risk: …
   <h2 class="no-num no-toc" id=contents> Table of contents</h2>
   <!--begin-toc-->
   <ul class=toc>
    <li><a href="#intro"><span class=secno>1. </span> Introduction</a>
     <ul class=toc>
      <li><a href="#placement"><span class=secno>1.1. </span> Module
       interactions</a>
     </ul>
    <li><a href="#syntax-description"><span class=secno>2. </span> Description
     of CSS's Syntax</a>
    <li><a href="#tokenizing-and-parsing-css"><span class=secno>3. </span>
     Tokenizing and Parsing CSS</a>
     <ul class=toc>
      <li><a href="#overview-of-the-parsing-model"><span class=secno>3.1.
       </span> Overview of the Parsing Model</a>
      <li><a href="#the-input-byte-stream"><span class=secno>3.2. </span> The
       input byte stream</a>
       <ul class=toc>
        <li><a href="#preprocessing-the-input-stream"><span class=secno>3.2.1.
         </span> Preprocessing the input stream</a>
       </ul>
     </ul>
    <li><a href="#tokenization"><span class=secno>4. </span> Tokenization</a>
     <ul class=toc>
      <li><a href="#token-diagrams"><span class=secno>4.1. </span> Token
       Railroad Diagrams</a>
      <li><a href="#tokenizer-flags"><span class=secno>4.2. </span> Tokenizer
       Flags</a>
      <li><a href="#definitions"><span class=secno>4.3. </span>
       Definitions</a>
      <li><a href="#tokenizer-state-machine"><span class=secno>4.4. </span>
       Tokenizer State Machine</a>
       <ul class=toc>
        <li><a href="#data-state"><span class=secno>4.4.1. </span> Data
         state</a>
        <li><a href="#double-quote-string-state"><span class=secno>4.4.2.
         </span> Double-quote-string state</a>
        <li><a href="#single-quote-string-state"><span class=secno>4.4.3.
         </span> Single-quote-string state</a>
        <li><a href="#hash-state"><span class=secno>4.4.4. </span> Hash
         state</a>
        <li><a href="#hash-rest-state"><span class=secno>4.4.5. </span>
         Hash-rest state</a>
        <li><a href="#comment-state"><span class=secno>4.4.6. </span> Comment
         state</a>
        <li><a href="#at-keyword-state"><span class=secno>4.4.7. </span>
         At-keyword state</a>
        <li><a href="#at-keyword-rest-state"><span class=secno>4.4.8. </span>
         At-keyword-rest state</a>
        <li><a href="#ident-state"><span class=secno>4.4.9. </span> Ident
         state</a>
        <li><a href="#ident-rest-state"><span class=secno>4.4.10. </span>
         Ident-rest state</a>
        <li><a href="#transform-function-whitespace-state"><span
         class=secno>4.4.11. </span> Transform-function-whitespace state</a>
        <li><a href="#number-state"><span class=secno>4.4.12. </span> Number
         state</a>
        <li><a href="#number-rest-state"><span class=secno>4.4.13. </span>
         Number-rest state</a>
        <li><a href="#number-fraction-state"><span class=secno>4.4.14. </span>
         Number-fraction state</a>
        <li><a href="#dimension-state"><span class=secno>4.4.15. </span>
         Dimension state</a>
        <li><a href="#sci-notation-state"><span class=secno>4.4.16. </span>
         Sci-notation state</a>
        <li><a href="#url-state"><span class=secno>4.4.17. </span> URL
         state</a>
        <li><a href="#url-double-quote-state"><span class=secno>4.4.18.
         </span> URL-double-quote state</a>
        <li><a href="#url-single-quote-state"><span class=secno>4.4.19.
         </span> URL-single-quote state</a>
        <li><a href="#url-end-state"><span class=secno>4.4.20. </span> URL-end
         state</a>
        <li><a href="#url-unquoted-state"><span class=secno>4.4.21. </span>
         URL-unquoted state</a>
        <li><a href="#bad-url-state"><span class=secno>4.4.22. </span> Bad-URL
         state</a>
        <li><a href="#unicode-range-state"><span class=secno>4.4.23. </span>
         Unicode-range state</a>
       </ul>
      <li><a href="#consume-an-escaped-character"><span class=secno>4.5.
       </span> Consume an escaped character</a>
      <li><a href="#set-the-unicode-range-tokens-range"><span class=secno>4.6.
       </span> Set the unicode-range token's range</a>
      <li><a href="#changes-from-css-2.1-tokenizer"><span class=secno>4.7.
       </span> Changes from CSS 2.1 Tokenizer</a>
     </ul>
    <li><a href="#parsing"><span class=secno>5. </span> Parsing</a>
     <ul class=toc>
      <li><a href="#parser-flags"><span class=secno>5.1. </span> Parser
       Flags</a>
      <li><a href="#definitions0"><span class=secno>5.2. </span>
       Definitions</a>
      <li><a href="#parser-entry-points"><span class=secno>5.3. </span> Parser
       Entry Points</a>
       <ul class=toc>
        <li><a href="#parse-a-stylesheet"><span class=secno>5.3.1. </span>
         Parse a stylesheet</a>
        <li><a href="#parse-a-rule"><span class=secno>5.3.2. </span> Parse a
         rule</a>
        <li><a href="#parse-a-list-of-declarations"><span class=secno>5.3.3.
         </span> Parse a list of declarations</a>
        <li><a href="#parse-a-component-value"><span class=secno>5.3.4.
         </span> Parse a component value</a>
        <li><a href="#parse-a-list-of-component-values"><span
         class=secno>5.3.5. </span> Parse a list of component values</a>
        <li><a href="#parse-a-comma-separated-list-of-componen"><span
         class=secno>5.3.6. </span> Parse a comma-separated list of component
         values</a>
        <li><a href="#parse-anb-notation"><span class=secno>5.3.7. </span>
         Parse an+b notation</a>
       </ul>
      <li><a href="#parser-algorithms"><span class=secno>5.4. </span> Parser
       Algorithms</a>
       <ul class=toc>
        <li><a href="#consume-a-list-of-rules"><span class=secno>5.4.1.
         </span> Consume a list of rules</a>
        <li><a href="#consume-an-at-rule"><span class=secno>5.4.2. </span>
         Consume an at-rule</a>
        <li><a href="#consume-an-at-statement"><span class=secno>5.4.3.
         </span> Consume an at-statement</a>
        <li><a href="#consume-a-qualified-rule"><span class=secno>5.4.4.
         </span> Consume a qualified rule</a>
        <li><a href="#consume-a-list-of-declarations"><span class=secno>5.4.5.
         </span> Consume a list of declarations</a>
        <li><a href="#consume-a-declaration"><span class=secno>5.4.6. </span>
         Consume a declaration</a>
        <li><a href="#consume-a-component-value"><span class=secno>5.4.7.
         </span> Consume a component value</a>
        <li><a href="#consume-a-component-value-with-the-hashl"><span
         class=secno>5.4.8. </span> Consume a component value with the
         hashless color quirk</a>
        <li><a href="#consume-a-component-value-with-the-unitl"><span
         class=secno>5.4.9. </span> Consume a component value with the
         unitless length quirk</a>
        <li><a href="#consume-a-simple-block"><span class=secno>5.4.10.
         </span> Consume a simple block</a>
        <li><a href="#consume-a-function"><span class=secno>5.4.11. </span>
         Consume a function</a>
       </ul>
      <li><a href="#changes-from-css-2.1-core-grammar"><span class=secno>5.5.
       </span> Changes from CSS 2.1 Core Grammar</a>
     </ul>
    <li><a href="#serialization"><span class=secno>6. </span>Serialization</a>
    <li><a href="#conformance"><span class=secno>7. </span> Conformance</a>
     <ul class=toc>
      <li><a href="#conventions"><span class=secno>7.1. </span> Document
       conventions</a>
      <li><a href="#conformance-classes"><span class=secno>7.2. </span>
       Conformance classes</a>
     </ul>
    <li class=no-num><a href="#acknowledgments"> Acknowledgments</a>
    <li class=no-num><a href="#references"> References</a>
     <ul class=toc>
      <li class=no-num><a href="#normative-references"> Normative
       references</a>
      <li class=no-num><a href="#other-references"> Other references</a>
     </ul>
    <li class=no-num><a href="#index"> Index</a>
    <li class=no-num><a href="#property-index"> Property index</a>
   </ul>
   <!--end-toc-->
   <h2 id=intro><span class=secno>1. </span> Introduction</h2>
   <p><em>This section is not normative.</em>
   <p> This module defines the abstract syntax and parsing of CSS stylesheets
    and other things which use CSS syntax (such as the HTML <code>style</code>
    attribute).
   <p> It defines algorithms for converting a stream of codepoints (in other
    words, text) into a stream of CSS tokens, and then further into CSS
    objects such as stylesheets, rules, and declarations.
   <h3 id=placement><span class=secno>1.1. </span> Module interactions</h3>
   <p> This module defines the syntax and parsing of CSS stylesheets. It
    supersedes the lexical scanner and grammar defined in CSS 2.1.
   <h2 id=syntax-description><span class=secno>2. </span> Description of CSS's
    Syntax</h2>
   <p><em>This section is not normative.</em>
   <p> A CSS document is a series of <a href="#style-rule"><i>style
    rules</i></a>, which apply CSS properties to elements in the source
    document, and <a href="#at-rule"><i>at-rules</i></a>, which define special
    processing rules or values for the CSS document.
   <p> A <dfn id=style-rule>style rule</dfn> starts with a selector (defined
    by the <a href="http://www.w3.org/TR/selectors/">Selectors
    specification</a>), then has a {}-wrapped block containing a sequence of
    declarations. The selector specifies which elements the declarations will
    apply to. Each declaration has a property name, followed by a colon and
    the property value, and finished with a semicolon.
   <div class=example>
    <p> A typical rule might look something like this:
    <pre>
 p > a {
 	color: blue;
 	text-decoration: underline;
 }</pre>
    <p> In the above rule, "<code>p > a</code>" is the selector, which, if the
     source document is HTML, selects any <code>&lt;a></code> elements that
     are children of a <code>&lt;p></code> element.
    <p> "<code>color: blue;</code>" is a declaration specifying that, for the
     elements that match the selector, their ‘<code
     class=property>color</code>’ property should have the value ‘<code
     class=css>blue</code>’. Similiarly, their ‘<code
     class=property>text-decoration</code>’ property should have the value
     ‘<code class=css>underline</code>’.
   </div>
   <p> <dfn id=at-rules title=at-rule>At-rules</dfn> are all different, but
    they have a basic structure in common. They start with an "@" character
    followed by their name. Some <a href="#at-rule"><i>at-rules</i></a> are
    simple statements, with their name followed by more CSS values to specify
    their behavior, and finally ended by a semicolon. Others are blocks; they
    can have CSS values following their name, but they end with a {}-wrapped
    block, similar to a <i>rule</i>. Even the contents of these blocks are
    specific to the given <a href="#at-rule"><i>at-rule</i></a>: sometimes
    they contain a sequence of declarations, like a <i>rule</i>; other times,
    they may contain additional blocks, or at-rules, or other structures
    altogether.
   <div class=example>
    <p> Here are several examples of <a href="#at-rule"><i>at-rules</i></a>
     that illustrate the varied syntax they may contain.
    <pre>@import "my-styles.css";</pre>
    <p> The ‘<code class=css>@import</code>’ <a
     href="#at-rule"><i>at-rule</i></a> is a simple statement. After its name,
     it takes a single string or ‘<code class=css>url()</code>’ function
     to indicate the stylesheet that it should import.
    <pre>
 @page :left {
 	margin-left: 4cm;
 	margin-right: 3cm;
 }</pre>
    <p> The ‘<code class=css>@page</code>’ <a
     href="#at-rule"><i>at-rule</i></a> consists of an optional page selector
     (the ":left" pseudoclass), followed by a block of properties that apply
     to the page when printed. In this way, it's very similar to a normal <a
     href="#style-rule"><i>style rule</i></a>, except that its properties
     don't apply to any "element", but rather the page itself.
    <pre>
 @media print {
 	body { font-size: 10pt }
 }</pre>
    <p> The ‘<code class=css>@media</code>’ <a
     href="#at-rule"><i>at-rule</i></a> begins with a media type and a list of
     optional media queries. Its block contains entire rules, which are only
     applied when the ‘<code class=css>@media</code>’s conditions are
     fulfilled.
   </div>
   <p> Property names and <a href="#at-rule"><i>at-rule</i></a> names are
    always <b>idents</b>, which have to start with a letter or a hyphen
    followed by a letter, and then can contain letters, numbers, hyphens, or
    underscores. You can include any character at all, even ones that CSS uses
    in its syntax, by escaping it with a backslash (\) or by using a
    hexadecimal escape.
   <p> The syntax of selectors is defined in the <a
    href="http://www.w3.org/TR/selectors/">Selectors spec</a>. Similarly, the
    syntax of the wide variety of CSS values is defined in the <a
    href="http://www.w3.org/TR/css3-values/">Values &amp; Units spec</a>. The
    special syntaxes of individual <a href="#at-rule"><i>at-rules</i></a> can
    be found in the specs that define them.
   <h2 id=tokenizing-and-parsing-css><span class=secno>3. </span> Tokenizing
    and Parsing CSS</h2>
   <p> User agents must use the parsing rules described in this specifiction
    to generate the CSSOM trees from text/css resources. Together, these rules
    define what is referred to as the CSS parser.
   <p> This specification defines the parsing rules for CSS documents, whether
    they are syntactically correct or not. Certain points in the parsing
    algorithm are said to be parse errors. The error handling for parse errors
    is well-defined: user agents must either act as described below when
    encountering such problems, or must abort processing at the first error
    that they encounter for which they do not wish to apply the rules
    described below.
   <p> Conformance checkers must report at least one parse error condition to
    the user if one or more parse error conditions exist in the document and
    must not report parse error conditions if none exist in the document.
    Conformance checkers may report more than one parse error condition if
    more than one parse error condition exists in the document. Conformance
    checkers are not required to recover from parse errors.
   <h3 id=overview-of-the-parsing-model><span class=secno>3.1. </span>
    Overview of the Parsing Model</h3>
   <p> The input to the CSS parsing process consists of a stream of Unicode
    code points, which is passed through a tokenization stage followed by a
    tree construction stage. The output is a CSSStyleSheet object.
   <p class=note> Implementations that do not support scripting do not have to
    actually create a CSSOM CSSStyleSheet object, but the CSSOM tree in such
    cases is still used as the model for the rest of the specification.
   <h3 id=the-input-byte-stream><span class=secno>3.2. </span> The input byte
    stream</h3>
   <p> The stream of Unicode code points that comprises the input to the
    tokenization stage will be initially seen by the user agent as a stream of
    bytes (typically coming over the network or from the local file system).
    The bytes encode the actual characters according to a particular character
    encoding, which the user agent must use to decode the bytes into
    characters.
   <p> To decode the stream of bytes into a stream of characters, UAs must
    follow these steps.
   <p> The algorithms to <a
    href="http://encoding.spec.whatwg.org/#concept-encoding-get"><dfn
    id=get-an-encoding>get an encoding</dfn></a> and <a
    href="http://encoding.spec.whatwg.org/#decode"><dfn
    id=decode>decode</dfn></a> are defined in the <a
    href="http://encoding.spec.whatwg.org/">Encoding Standard</a>.
   <p> First, determine the fallback encoding:
   <ol>
    <li> If HTTP or equivalent protocol defines an encoding (e.g. via the
     charset parameter of the Content-Type header), <a
     href="#get-an-encoding"><i>get an encoding</i></a> for the specified
     value. If that does not return failure, use the return value as the
     fallback encoding.
    <li> Otherwise, check the byte stream. If the first several bytes match
     the hex sequence
     <pre>40 63 68 61 72 73 65 74 20 22 (not 22)* 22 3B</pre>
     then <a href="#get-an-encoding"><i>get an encoding</i></a> for the
     sequence of <code>(not 22)*</code> bytes, decoded per
     <code>windows-1252</code>.
     <p class=note> Note: Anything ASCII-compatible will do, so using
      <code>windows-1252</code> is fine.
     <p class=note> Note: The byte sequence above, when decoded as ASCII, is
      the string "<code>@charset "…";</code>", where the "…" is the
      sequence of bytes corresponding to the encoding's name.
     <p> If the return value was <code>utf-16</code> or <code>utf-16be</code>,
      use <code>utf-8</code> as the fallback encoding; if it was anything else
      except failure, use the return value as the fallback encoding.
     <p class=note> This mimics HTML <code>&lt;meta></code> behavior.
    <li> Otherwise, <a href="#get-an-encoding"><i>get an encoding</i></a> for
     the value of the <code>charset</code> attribute on the
     <code>&lt;link></code> element or <code>&lt;?xml-stylesheet?></code>
     processing instruction that caused the style sheet to be included, if
     any. If that does not return failure, use the return value as the
     fallback encoding.
    <li> Otherwise, if the referring style sheet or document has an encoding,
     use that as the fallback encoding.
    <li> Otherwise, use <code>utf-8</code> as the fallback encoding.
   </ol>
   <p> Then, <a href="#decode"><i>decode</i></a> the byte stream using the
    fallback encoding.
   <p class=note> Note: the <a href="#decode"><i>decode</i></a> algorithm lets
    the byte order mark (BOM) take precedence, hence the usage of the term
    "fallback" above.
   <p class=issue> Anne says that steps 4/5 should be an input to this
    algorithm from the specs that define importing stylesheet, to make the
    algorithm as a whole cleaner. Perhaps abstract it into the concept of an
    "environment charset" or something?
   <h4 id=preprocessing-the-input-stream><span class=secno>3.2.1. </span>
    Preprocessing the input stream</h4>
   <p> The input stream consists of the characters pushed into it as the input
    byte stream is decoded.
   <p> Before sending the input stream to the tokenizer, implementations must
    make the following character substitutions:
   <ul>
    <li> Replace any U+000D CARRIAGE RETURN (CR) characters or pairs of U+000D
     CARRIAGE RETURN (CR) followed by U+000A LINE FEED (LF) by a single U+000A
     LINE FEED (LF) character.
    <li> Replace any U+0000 NULL characters with U+FFFD REPLACEMENT CHARACTER
     (�).
   </ul>
   <p> The <dfn id=next-input-character>next input character</dfn> is the
    first character in the input stream that has not yet been consumed or
    explicitly ignored by the requirements in this section. Initially, the <a
    href="#next-input-character"><i>next input character</i></a> is the first
    character in the input. The <dfn id=current-input-character>current input
    character</dfn> is the last character to have been consumed.
   <p> The "EOF" character in the tables below is a conceptual character
    representing the end of the input stream.
   <h2 id=tokenization><span class=secno>4. </span> Tokenization</h2>
   <p> Implementations must act as if they used the following state machine to
    tokenize CSS. The state machine must start in the <a
    href="#data-state0"><i>data state</i></a>. Most states consume a single
    character, which may have various side-effects, and either switches the
    state machine to a new state to reconsume the same character, or switches
    it to a new state to consume the next character, or stays in the same
    state to consume the next character. Some states have more complicated
    behavior and can consume several characters before switching to another
    state.
   <p> The output of the tokenization step is a series of zero or more of the
    following tokens: ident, function, at-keyword, hash, string, bad-string,
    url, bad-url, delim, number, percentage, dimension, unicode-range,
    include-match, dash-match, prefix-match, suffix-match, substring-match,
    whitespace, cdo, cdc, colon, semicolon, comma, [, ], (, ), {, and }.
   <p> ident, function, at-keyword, hash, string, and url tokens have a value
    composed of zero or more characters. Delim tokens have a value composed of
    a single character. Number, percentage, and dimension tokens have a
    representation composed of 1 or more character, a numeric value, and a
    type flag set to either "integer" or "number". The type flag defaults to
    "integer" if not otherwise set. Dimension tokens additionally have a unit
    composed of one or more characters. Unicode-range tokens have a range of
    characters.
   <p> The tokenizer state machine consists of the states defined in the
    following subsections.
   <h3 id=token-diagrams><span class=secno>4.1. </span> Token Railroad
    Diagrams</h3>
   <p> <em>This section is non-normative.</em>
   <p> This section presents an informative view of the token parser, in the
    form of railroad diagrams. Railroad diagrams are more compact than a
    state-machine, but often easier to read than a regular expression.
   <p> These diagrams are <em>informative</em> and <em>incomplete</em>; they
    describe the grammar of "correct" tokens, but do not describe
    error-handling at all. They are provided solely to make it easier to get
    an intuitive grasp of the syntax of each token. <!--
 		The "source" of these diagrams is in ./Diagrams.src.html
 		The generated SVG is copied here so that JavaScript is not required
 		to view the spec.
 	-->
   <dl>
    <dt id=escape-diagram>escape
    <dd><svg class=railroad-diagram height=122 width=377><g
     transform="translate(.5 .5)"><path
     d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path><path
     d="M40 31h10"></path><g><path d="M50 31h0"></path><path
     d="M78 31h0"></path><rect height=22 rx=10 ry=10 width=28 x=50
     y=20></rect><text x=64 y=35>\</text></g><path
     d="M78 31h10"></path><g><path d="M88 31h0"></path><path
     d="M336 31h0"></path><path d="M88 31h20"></path><g><path
     d="M108 31h18"></path><path d="M298 31h18"></path><rect height=22
     width=172 x=126 y=20></rect><text x=212 y=35>not NL or hex
     digit</text></g><path d="M316 31h20"></path><path
     d="M88 31a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path><g><path
     d="M108 61h0"></path><path d="M316 61h0"></path><path
     d="M108 61h10"></path><g><path d="M118 61h0"></path><path
     d="M230 61h0"></path><path d="M118 61h10"></path><g><path
     d="M128 61h0"></path><path d="M220 61h0"></path><rect height=22 width=92
     x=128 y=50></rect><text x=174 y=65>hex digit</text></g><path
     d="M220 61h10"></path><path
     d="M128 61a10 10 0 0 0 -10 10v10a10 10 0 0 0 10 10"></path><g><path
     d="M128 91h9.5"></path><path d="M210.5 91h9.5"></path><text class=comment
     x=174 y=96>1-6 times</text></g><path
     d="M220 91a10 10 0 0 0 10 -10v-10a10 10 0 0 0 -10 -10"></path></g><path
     d="M230 61h10"></path><g><path d="M240 61h0"></path><path
     d="M316 61h0"></path><path d="M240 61h20"></path><g><path
     d="M260 61h36"></path></g><path d="M296 61h20"></path><path
     d="M240 61a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M260 81h0"></path><path d="M296 81h0"></path><rect height=22 width=36
     x=260 y=70></rect><text x=278 y=85>WS</text></g><path
     d="M296 81a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path></g></g><path
     d="M316 61a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path></g><path
     d="M 336 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
    <dt id=ident-diagram>IDENT
    <dd><svg class=railroad-diagram height=110 width=729><g
     transform="translate(.5 .5)"><path
     d="M 20 31 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path><g><path
     d="M40 41h0"></path><path d="M108 41h0"></path><path
     d="M40 41h20"></path><g><path d="M60 41h28"></path></g><path
     d="M88 41h20"></path><path
     d="M40 41a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M60 61h0"></path><path d="M88 61h0"></path><rect height=22 rx=10 ry=10
     width=28 x=60 y=50></rect><text x=74 y=65>-</text></g><path
     d="M88 61a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path></g><g><path
     d="M108 41h0"></path><path d="M344 41h0"></path><path
     d="M108 41h20"></path><g><path d="M128 41h0"></path><path
     d="M324 41h0"></path><rect height=22 width=196 x=128 y=30></rect><text
     x=226 y=45>a-z A-Z _ or non-ASCII</text></g><path
     d="M324 41h20"></path><path
     d="M108 41a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path><g><path
     d="M128 71h64"></path><path d="M260 71h64"></path><rect height=22
     width=68 x=192 y=60></rect><text x=226 y=75>escape</text></g><path
     d="M324 71a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path></g><g><path
     d="M344 41h0"></path><path d="M688 41h0"></path><path
     d="M344 41a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path><g><path
     d="M364 21h304"></path></g><path
     d="M668 21a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path><path
     d="M344 41h20"></path><g><path d="M364 41h0"></path><path
     d="M668 41h0"></path><path d="M364 41h10"></path><g><path
     d="M374 41h0"></path><path d="M658 41h0"></path><path
     d="M374 41h20"></path><g><path d="M394 41h0"></path><path
     d="M638 41h0"></path><rect height=22 width=244 x=394 y=30></rect><text
     x=516 y=45>a-z A-Z 0-9 _ - or non-ASCII</text></g><path
     d="M638 41h20"></path><path
     d="M374 41a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path><g><path
     d="M394 71h88"></path><path d="M550 71h88"></path><rect height=22
     width=68 x=482 y=60></rect><text x=516 y=75>escape</text></g><path
     d="M638 71a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path></g><path
     d="M658 41h10"></path><path
     d="M374 41a10 10 0 0 0 -10 10v29a10 10 0 0 0 10 10"></path><g><path
     d="M374 90h284"></path></g><path
     d="M658 90a10 10 0 0 0 10 -10v-29a10 10 0 0 0 -10 -10"></path></g><path
     d="M668 41h20"></path></g><path
     d="M 688 41 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
    <dt id=function-diagram>FUNCTION
    <dd><svg class=railroad-diagram height=62 width=209><g
     transform="translate(.5 .5)"><path
     d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path><path
     d="M40 31h10"></path><g><path d="M50 31h0"></path><path
     d="M110 31h0"></path><rect height=22 width=60 x=50 y=20></rect><text x=80
     y=35>IDENT</text></g><path d="M110 31h10"></path><path
     d="M120 31h10"></path><g><path d="M130 31h0"></path><path
     d="M158 31h0"></path><rect height=22 rx=10 ry=10 width=28 x=130
     y=20></rect><text x=144 y=35>(</text></g><path
     d="M158 31h10"></path><path
     d="M 168 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
    <dt id=at-keyword-diagram>AT-KEYWORD
    <dd><svg class=railroad-diagram height=62 width=209><g
     transform="translate(.5 .5)"><path
     d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path><path
     d="M40 31h10"></path><g><path d="M50 31h0"></path><path
     d="M78 31h0"></path><rect height=22 rx=10 ry=10 width=28 x=50
     y=20></rect><text x=64 y=35>@</text></g><path d="M78 31h10"></path><path
     d="M88 31h10"></path><g><path d="M98 31h0"></path><path
     d="M158 31h0"></path><rect height=22 width=60 x=98 y=20></rect><text
     x=128 y=35>IDENT</text></g><path d="M158 31h10"></path><path
     d="M 168 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
    <dt id=hash-diagram>HASH
    <dd><svg class=railroad-diagram height=100 width=453><g
     transform="translate(.5 .5)"><path
     d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path><path
     d="M40 31h10"></path><g><path d="M50 31h0"></path><path
     d="M78 31h0"></path><rect height=22 rx=10 ry=10 width=28 x=50
     y=20></rect><text x=64 y=35>#</text></g><path d="M78 31h10"></path><path
     d="M88 31h10"></path><g><path d="M98 31h0"></path><path
     d="M402 31h0"></path><path d="M98 31h10"></path><g><path
     d="M108 31h0"></path><path d="M392 31h0"></path><path
     d="M108 31h20"></path><g><path d="M128 31h0"></path><path
     d="M372 31h0"></path><rect height=22 width=244 x=128 y=20></rect><text
     x=250 y=35>a-z A-Z 0-9 _ - or non-ASCII</text></g><path
     d="M372 31h20"></path><path
     d="M108 31a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path><g><path
     d="M128 61h88"></path><path d="M284 61h88"></path><rect height=22
     width=68 x=216 y=50></rect><text x=250 y=65>escape</text></g><path
     d="M372 61a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path></g><path
     d="M392 31h10"></path><path
     d="M108 31a10 10 0 0 0 -10 10v29a10 10 0 0 0 10 10"></path><g><path
     d="M108 80h284"></path></g><path
     d="M392 80a10 10 0 0 0 10 -10v-29a10 10 0 0 0 -10 -10"></path></g><path
     d="M402 31h10"></path><path
     d="M 412 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
    <dt id=string-diagram>STRING
    <dd><svg class=railroad-diagram height=248 width=441><g
     transform="translate(.5 .5)"><path
     d="M 20 31 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path><g><path
     d="M40 41h0"></path><path d="M400 41h0"></path><path
     d="M40 41h20"></path><g><path d="M60 41h0"></path><path
     d="M380 41h0"></path><path d="M60 41h10"></path><g><path
     d="M70 41h0"></path><path d="M98 41h0"></path><rect height=22 rx=10 ry=10
     width=28 x=70 y=30></rect><text x=84 y=45>"</text></g><path
     d="M98 41h10"></path><g><path d="M108 41h0"></path><path
     d="M332 41h0"></path><path
     d="M108 41a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path><g><path
     d="M128 21h184"></path></g><path
     d="M312 21a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path><path
     d="M108 41h20"></path><g><path d="M128 41h0"></path><path
     d="M312 41h0"></path><path d="M128 41h10"></path><g><path
     d="M138 41h0"></path><path d="M302 41h0"></path><path
     d="M138 41h20"></path><g><path d="M158 41h0"></path><path
     d="M282 41h0"></path><rect height=22 width=124 x=158 y=30></rect><text
     x=220 y=45>not " \ or NL</text></g><path d="M282 41h20"></path><path
     d="M138 41a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path><g><path
     d="M158 71h28"></path><path d="M254 71h28"></path><rect height=22
     width=68 x=186 y=60></rect><text x=220 y=75>escape</text></g><path
     d="M282 71a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path><path
     d="M138 41a10 10 0 0 1 10 10v40a10 10 0 0 0 10 10"></path><g><path
     d="M158 101h10"></path><path d="M272 101h10"></path><path
     d="M168 101h10"></path><g><path d="M178 101h0"></path><path
     d="M206 101h0"></path><rect height=22 rx=10 ry=10 width=28 x=178
     y=90></rect><text x=192 y=105>\</text></g><path
     d="M206 101h10"></path><path d="M216 101h10"></path><g><path
     d="M226 101h0"></path><path d="M262 101h0"></path><rect height=22
     width=36 x=226 y=90></rect><text x=244 y=105>NL</text></g><path
     d="M262 101h10"></path></g><path
     d="M282 101a10 10 0 0 0 10 -10v-40a10 10 0 0 1 10 -10"></path></g><path
     d="M302 41h10"></path><path
     d="M138 41a10 10 0 0 0 -10 10v59a10 10 0 0 0 10 10"></path><g><path
     d="M138 120h164"></path></g><path
     d="M302 120a10 10 0 0 0 10 -10v-59a10 10 0 0 0 -10 -10"></path></g><path
     d="M312 41h20"></path></g><path d="M332 41h10"></path><g><path
     d="M342 41h0"></path><path d="M370 41h0"></path><rect height=22 rx=10
     ry=10 width=28 x=342 y=30></rect><text x=356 y=45>"</text></g><path
     d="M370 41h10"></path></g><path d="M380 41h20"></path><path
     d="M40 41a10 10 0 0 1 10 10v88a10 10 0 0 0 10 10"></path><g><path
     d="M60 149h0"></path><path d="M380 149h0"></path><path
     d="M60 149h10"></path><g><path d="M70 149h0"></path><path
     d="M98 149h0"></path><rect height=22 rx=10 ry=10 width=28 x=70
     y=138></rect><text x=84 y=153>&apos;</text></g><path
     d="M98 149h10"></path><g><path d="M108 149h0"></path><path
     d="M332 149h0"></path><path
     d="M108 149a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path><g><path
     d="M128 129h184"></path></g><path
     d="M312 129a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path><path
     d="M108 149h20"></path><g><path d="M128 149h0"></path><path
     d="M312 149h0"></path><path d="M128 149h10"></path><g><path
     d="M138 149h0"></path><path d="M302 149h0"></path><path
     d="M138 149h20"></path><g><path d="M158 149h0"></path><path
     d="M282 149h0"></path><rect height=22 width=124 x=158 y=138></rect><text
     x=220 y=153>not &apos; \ or NL</text></g><path
     d="M282 149h20"></path><path
     d="M138 149a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path><g><path
     d="M158 179h28"></path><path d="M254 179h28"></path><rect height=22
     width=68 x=186 y=168></rect><text x=220 y=183>escape</text></g><path
     d="M282 179a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path><path
     d="M138 149a10 10 0 0 1 10 10v40a10 10 0 0 0 10 10"></path><g><path
     d="M158 209h10"></path><path d="M272 209h10"></path><path
     d="M168 209h10"></path><g><path d="M178 209h0"></path><path
     d="M206 209h0"></path><rect height=22 rx=10 ry=10 width=28 x=178
     y=198></rect><text x=192 y=213>\</text></g><path
     d="M206 209h10"></path><path d="M216 209h10"></path><g><path
     d="M226 209h0"></path><path d="M262 209h0"></path><rect height=22
     width=36 x=226 y=198></rect><text x=244 y=213>NL</text></g><path
     d="M262 209h10"></path></g><path
     d="M282 209a10 10 0 0 0 10 -10v-40a10 10 0 0 1 10 -10"></path></g><path
     d="M302 149h10"></path><path
     d="M138 149a10 10 0 0 0 -10 10v59a10 10 0 0 0 10 10"></path><g><path
     d="M138 228h164"></path></g><path
     d="M302 228a10 10 0 0 0 10 -10v-59a10 10 0 0 0 -10 -10"></path></g><path
     d="M312 149h20"></path></g><path d="M332 149h10"></path><g><path
     d="M342 149h0"></path><path d="M370 149h0"></path><rect height=22 rx=10
     ry=10 width=28 x=342 y=138></rect><text x=356
     y=153>&apos;</text></g><path d="M370 149h10"></path></g><path
     d="M380 149a10 10 0 0 0 10 -10v-88a10 10 0 0 1 10 -10"></path></g><path
     d="M 400 41 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
    <dt id=url-diagram>URL
    <dd><svg class=railroad-diagram height=178 width=813><g
     transform="translate(.5 .5)"><path
     d="M 20 99 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path><path
     d="M40 109h10"></path><g><path d="M50 109h0"></path><path
     d="M150 109h0"></path><rect height=22 width=100 x=50 y=98></rect><text
     x=100 y=113>IDENT(url)</text></g><path d="M150 109h10"></path><path
     d="M160 109h10"></path><g><path d="M170 109h0"></path><path
     d="M198 109h0"></path><rect height=22 rx=10 ry=10 width=28 x=170
     y=98></rect><text x=184 y=113>(</text></g><path
     d="M198 109h10"></path><g><path d="M208 109h0"></path><path
     d="M724 109h0"></path><path
     d="M208 109a10 10 0 0 0 10 -10v-48a10 10 0 0 1 10 -10"></path><g><path
     d="M228 41h88"></path><path d="M616 41h88"></path><g><path
     d="M316 41h0"></path><path d="M412 41h0"></path><path
     d="M316 41h20"></path><g><path d="M336 41h56"></path></g><path
     d="M392 41h20"></path><path
     d="M316 41a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M336 61h0"></path><path d="M392 61h0"></path><path
     d="M336 61h10"></path><g><path d="M346 61h0"></path><path
     d="M382 61h0"></path><rect height=22 width=36 x=346 y=50></rect><text
     x=364 y=65>WS</text></g><path d="M382 61h10"></path><path
     d="M346 61a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M346 81h36"></path></g><path
     d="M382 81a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10"></path></g><path
     d="M392 61a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path></g><g><path
     d="M412 41h0"></path><path d="M520 41h0"></path><path
     d="M412 41a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path><g><path
     d="M432 21h68"></path></g><path
     d="M500 21a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path><path
     d="M412 41h20"></path><g><path d="M432 41h0"></path><path
     d="M500 41h0"></path><rect height=22 width=68 x=432 y=30></rect><text
     x=466 y=45>STRING</text></g><path d="M500 41h20"></path></g><g><path
     d="M520 41h0"></path><path d="M616 41h0"></path><path
     d="M520 41h20"></path><g><path d="M540 41h56"></path></g><path
     d="M596 41h20"></path><path
     d="M520 41a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M540 61h0"></path><path d="M596 61h0"></path><path
     d="M540 61h10"></path><g><path d="M550 61h0"></path><path
     d="M586 61h0"></path><rect height=22 width=36 x=550 y=50></rect><text
     x=568 y=65>WS</text></g><path d="M586 61h10"></path><path
     d="M550 61a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M550 81h36"></path></g><path
     d="M586 81a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10"></path></g><path
     d="M596 61a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path></g></g><path
     d="M704 41a10 10 0 0 1 10 10v48a10 10 0 0 0 10 10"></path><path
     d="M208 109h20"></path><g><path d="M228 109h0"></path><path
     d="M704 109h0"></path><g><path d="M228 109h0"></path><path
     d="M324 109h0"></path><path d="M228 109h20"></path><g><path
     d="M248 109h56"></path></g><path d="M304 109h20"></path><path
     d="M228 109a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M248 129h0"></path><path d="M304 129h0"></path><path
     d="M248 129h10"></path><g><path d="M258 129h0"></path><path
     d="M294 129h0"></path><rect height=22 width=36 x=258 y=118></rect><text
     x=276 y=133>WS</text></g><path d="M294 129h10"></path><path
     d="M258 129a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M258 149h36"></path></g><path
     d="M294 149a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10"></path></g><path
     d="M304 129a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path></g><path
     d="M324 109h10"></path><g><path d="M334 109h0"></path><path
     d="M598 109h0"></path><path d="M334 109h10"></path><g><path
     d="M344 109h0"></path><path d="M588 109h0"></path><path
     d="M344 109h20"></path><g><path d="M364 109h0"></path><path
     d="M568 109h0"></path><rect height=22 width=204 x=364 y=98></rect><text
     x=466 y=113>not " &apos; ( ) \ WS or NPC</text></g><path
     d="M568 109h20"></path><path
     d="M344 109a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path><g><path
     d="M364 139h68"></path><path d="M500 139h68"></path><rect height=22
     width=68 x=432 y=128></rect><text x=466 y=143>escape</text></g><path
     d="M568 139a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path></g><path
     d="M588 109h10"></path><path
     d="M344 109a10 10 0 0 0 -10 10v29a10 10 0 0 0 10 10"></path><g><path
     d="M344 158h244"></path></g><path
     d="M588 158a10 10 0 0 0 10 -10v-29a10 10 0 0 0 -10 -10"></path></g><path
     d="M598 109h10"></path><g><path d="M608 109h0"></path><path
     d="M704 109h0"></path><path d="M608 109h20"></path><g><path
     d="M628 109h56"></path></g><path d="M684 109h20"></path><path
     d="M608 109a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M628 129h0"></path><path d="M684 129h0"></path><path
     d="M628 129h10"></path><g><path d="M638 129h0"></path><path
     d="M674 129h0"></path><rect height=22 width=36 x=638 y=118></rect><text
     x=656 y=133>WS</text></g><path d="M674 129h10"></path><path
     d="M638 129a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M638 149h36"></path></g><path
     d="M674 149a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10"></path></g><path
     d="M684 129a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path></g></g><path
     d="M704 109h20"></path></g><path d="M724 109h10"></path><g><path
     d="M734 109h0"></path><path d="M762 109h0"></path><rect height=22 rx=10
     ry=10 width=28 x=734 y=98></rect><text x=748 y=113>)</text></g><path
     d="M762 109h10"></path><path
     d="M 772 109 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
    <dt id=number-diagram>NUMBER
    <dd><svg class=railroad-diagram height=179 width=713><g
     transform="translate(.5 .5)"><path
     d="M 20 50 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path><g><path
     d="M40 60h0"></path><path d="M108 60h0"></path><path
     d="M40 60a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path><g><path
     d="M60 40h0"></path><path d="M88 40h0"></path><rect height=22 rx=10 ry=10
     width=28 x=60 y=29></rect><text x=74 y=44>+</text></g><path
     d="M88 40a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path><path
     d="M40 60h20"></path><g><path d="M60 60h28"></path></g><path
     d="M88 60h20"></path><path
     d="M40 60a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M60 80h0"></path><path d="M88 80h0"></path><rect height=22 rx=10 ry=10
     width=28 x=60 y=69></rect><text x=74 y=84>-</text></g><path
     d="M88 80a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path></g><g><path
     d="M108 60h0"></path><path d="M396 60h0"></path><path
     d="M108 60h20"></path><g><path d="M128 60h0"></path><path
     d="M376 60h0"></path><path d="M128 60h10"></path><g><path
     d="M138 60h0"></path><path d="M218 60h0"></path><path
     d="M138 60h10"></path><g><path d="M148 60h0"></path><path
     d="M208 60h0"></path><rect height=22 width=60 x=148 y=49></rect><text
     x=178 y=64>digit</text></g><path d="M208 60h10"></path><path
     d="M148 60a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M148 80h60"></path></g><path
     d="M208 80a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10"></path></g><path
     d="M218 60h10"></path><path d="M228 60h10"></path><g><path
     d="M238 60h0"></path><path d="M266 60h0"></path><rect height=22 rx=10
     ry=10 width=28 x=238 y=49></rect><text x=252 y=64>.</text></g><path
     d="M266 60h10"></path><path d="M276 60h10"></path><g><path
     d="M286 60h0"></path><path d="M366 60h0"></path><path
     d="M286 60h10"></path><g><path d="M296 60h0"></path><path
     d="M356 60h0"></path><rect height=22 width=60 x=296 y=49></rect><text
     x=326 y=64>digit</text></g><path d="M356 60h10"></path><path
     d="M296 60a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M296 80h60"></path></g><path
     d="M356 80a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10"></path></g><path
     d="M366 60h10"></path></g><path d="M376 60h20"></path><path
     d="M108 60a10 10 0 0 1 10 10v19a10 10 0 0 0 10 10"></path><g><path
     d="M128 99h84"></path><path d="M292 99h84"></path><path
     d="M212 99h10"></path><g><path d="M222 99h0"></path><path
     d="M282 99h0"></path><rect height=22 width=60 x=222 y=88></rect><text
     x=252 y=103>digit</text></g><path d="M282 99h10"></path><path
     d="M222 99a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M222 119h60"></path></g><path
     d="M282 119a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10"></path></g><path
     d="M376 99a10 10 0 0 0 10 -10v-19a10 10 0 0 1 10 -10"></path><path
     d="M108 60a10 10 0 0 1 10 10v58a10 10 0 0 0 10 10"></path><g><path
     d="M128 138h50"></path><path d="M326 138h50"></path><path
     d="M178 138h10"></path><g><path d="M188 138h0"></path><path
     d="M216 138h0"></path><rect height=22 rx=10 ry=10 width=28 x=188
     y=127></rect><text x=202 y=142>.</text></g><path
     d="M216 138h10"></path><path d="M226 138h10"></path><g><path
     d="M236 138h0"></path><path d="M316 138h0"></path><path
     d="M236 138h10"></path><g><path d="M246 138h0"></path><path
     d="M306 138h0"></path><rect height=22 width=60 x=246 y=127></rect><text
     x=276 y=142>digit</text></g><path d="M306 138h10"></path><path
     d="M246 138a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M246 158h60"></path></g><path
     d="M306 158a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10"></path></g><path
     d="M316 138h10"></path></g><path
     d="M376 138a10 10 0 0 0 10 -10v-58a10 10 0 0 1 10 -10"></path></g><g><path
     d="M396 60h0"></path><path d="M672 60h0"></path><path
     d="M396 60h20"></path><g><path d="M416 60h236"></path></g><path
     d="M652 60h20"></path><path
     d="M396 60a10 10 0 0 1 10 10v28a10 10 0 0 0 10 10"></path><g><path
     d="M416 108h0"></path><path d="M652 108h0"></path><g><path
     d="M416 108h0"></path><path d="M484 108h0"></path><path
     d="M416 108h20"></path><g><path d="M436 108h0"></path><path
     d="M464 108h0"></path><rect height=22 rx=10 ry=10 width=28 x=436
     y=97></rect><text x=450 y=112>e</text></g><path
     d="M464 108h20"></path><path
     d="M416 108a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path><g><path
     d="M436 138h0"></path><path d="M464 138h0"></path><rect height=22 rx=10
     ry=10 width=28 x=436 y=127></rect><text x=450 y=142>E</text></g><path
     d="M464 138a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path></g><g><path
     d="M484 108h0"></path><path d="M552 108h0"></path><path
     d="M484 108a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path><g><path
     d="M504 88h0"></path><path d="M532 88h0"></path><rect height=22 rx=10
     ry=10 width=28 x=504 y=77></rect><text x=518 y=92>+</text></g><path
     d="M532 88a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path><path
     d="M484 108h20"></path><g><path d="M504 108h28"></path></g><path
     d="M532 108h20"></path><path
     d="M484 108a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M504 128h0"></path><path d="M532 128h0"></path><rect height=22 rx=10
     ry=10 width=28 x=504 y=117></rect><text x=518 y=132>-</text></g><path
     d="M532 128a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path></g><path
     d="M552 108h10"></path><g><path d="M562 108h0"></path><path
     d="M642 108h0"></path><path d="M562 108h10"></path><g><path
     d="M572 108h0"></path><path d="M632 108h0"></path><rect height=22
     width=60 x=572 y=97></rect><text x=602 y=112>digit</text></g><path
     d="M632 108h10"></path><path
     d="M572 108a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M572 128h60"></path></g><path
     d="M632 128a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10"></path></g><path
     d="M642 108h10"></path></g><path
     d="M652 108a10 10 0 0 0 10 -10v-28a10 10 0 0 1 10 -10"></path></g><path
     d="M 672 60 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
    <dt id=dimension-diagram>DIMENSION
    <dd><svg class=railroad-diagram height=62 width=249><g
     transform="translate(.5 .5)"><path
     d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path><path
     d="M40 31h10"></path><g><path d="M50 31h0"></path><path
     d="M118 31h0"></path><rect height=22 width=68 x=50 y=20></rect><text x=84
     y=35>NUMBER</text></g><path d="M118 31h10"></path><path
     d="M128 31h10"></path><g><path d="M138 31h0"></path><path
     d="M198 31h0"></path><rect height=22 width=60 x=138 y=20></rect><text
     x=168 y=35>IDENT</text></g><path d="M198 31h10"></path><path
     d="M 208 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
    <dt id=percentage-diagram>PERCENTAGE
    <dd><svg class=railroad-diagram height=62 width=217><g
     transform="translate(.5 .5)"><path
     d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path><path
     d="M40 31h10"></path><g><path d="M50 31h0"></path><path
     d="M118 31h0"></path><rect height=22 width=68 x=50 y=20></rect><text x=84
     y=35>NUMBER</text></g><path d="M118 31h10"></path><path
     d="M128 31h10"></path><g><path d="M138 31h0"></path><path
     d="M166 31h0"></path><rect height=22 rx=10 ry=10 width=28 x=138
     y=20></rect><text x=152 y=35>%</text></g><path
     d="M166 31h10"></path><path
     d="M 176 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
    <dt id=unicode-range-diagram>UNICODE-RANGE
    <dd><svg class=railroad-diagram height=222 width=600><g
     transform="translate(.5 .5)"><path
     d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path><g><path
     d="M40 31h0"></path><path d="M108 31h0"></path><path
     d="M40 31h20"></path><g><path d="M60 31h0"></path><path
     d="M88 31h0"></path><rect height=22 rx=10 ry=10 width=28 x=60
     y=20></rect><text x=74 y=35>U</text></g><path d="M88 31h20"></path><path
     d="M40 31a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path><g><path
     d="M60 61h0"></path><path d="M88 61h0"></path><rect height=22 rx=10 ry=10
     width=28 x=60 y=50></rect><text x=74 y=65>u</text></g><path
     d="M88 61a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path></g><path
     d="M108 31h10"></path><g><path d="M118 31h0"></path><path
     d="M146 31h0"></path><rect height=22 rx=10 ry=10 width=28 x=118
     y=20></rect><text x=132 y=35>+</text></g><path
     d="M146 31h10"></path><g><path d="M156 31h0"></path><path
     d="M559 31h0"></path><path d="M156 31h20"></path><g><path
     d="M176 31h115.5"></path><path d="M423.5 31h115.5"></path><path
     d="M291.5 31h10"></path><g><path d="M301.5 31h0"></path><path
     d="M413.5 31h0"></path><path d="M301.5 31h10"></path><g><path
     d="M311.5 31h0"></path><path d="M403.5 31h0"></path><rect height=22
     width=92 x=311.5 y=20></rect><text x=357.5 y=35>hex digit</text></g><path
     d="M403.5 31h10"></path><path
     d="M311.5 31a10 10 0 0 0 -10 10v10a10 10 0 0 0 10 10"></path><g><path
     d="M311.5 61h9.5"></path><path d="M394 61h9.5"></path><text class=comment
     x=357.5 y=66>1-6 times</text></g><path
     d="M403.5 61a10 10 0 0 0 10 -10v-10a10 10 0 0 0 -10 -10"></path></g><path
     d="M413.5 31h10"></path></g><path d="M539 31h20"></path><path
     d="M156 31a10 10 0 0 1 10 10v50a10 10 0 0 0 10 10"></path><g><path
     d="M176 101h0"></path><path d="M539 101h0"></path><g><path
     d="M176 101h0"></path><path d="M328 101h0"></path><path
     d="M176 101a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path><g><path
     d="M196 81h112"></path></g><path
     d="M308 81a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path><path
     d="M176 101h20"></path><g><path d="M196 101h0"></path><path
     d="M308 101h0"></path><path d="M196 101h10"></path><g><path
     d="M206 101h0"></path><path d="M298 101h0"></path><rect height=22
     width=92 x=206 y=90></rect><text x=252 y=105>hex digit</text></g><path
     d="M298 101h10"></path><path
     d="M206 101a10 10 0 0 0 -10 10v10a10 10 0 0 0 10 10"></path><g><path
     d="M206 131h9.5"></path><path d="M288.5 131h9.5"></path><text
     class=comment x=252 y=136>1-5 times</text></g><path
     d="M298 131a10 10 0 0 0 10 -10v-10a10 10 0 0 0 -10 -10"></path></g><path
     d="M308 101h20"></path></g><path d="M328 101h10"></path><g><path
     d="M338 101h0"></path><path d="M529 101h0"></path><path
     d="M338 101h10"></path><g><path d="M348 101h71.5"></path><path
     d="M447.5 101h71.5"></path><rect height=22 rx=10 ry=10 width=28 x=419.5
     y=90></rect><text x=433.5 y=105>?</text></g><path
     d="M519 101h10"></path><path
     d="M348 101a10 10 0 0 0 -10 10v10a10 10 0 0 0 10 10"></path><g><path
     d="M348 131h0"></path><path d="M519 131h0"></path><text class=comment
     x=433.5 y=136>1 to (6 - digits) times</text></g><path
     d="M519 131a10 10 0 0 0 10 -10v-10a10 10 0 0 0 -10 -10"></path></g><path
     d="M529 101h10"></path></g><path
     d="M539 101a10 10 0 0 0 10 -10v-50a10 10 0 0 1 10 -10"></path><path
     d="M156 31a10 10 0 0 1 10 10v110a10 10 0 0 0 10 10"></path><g><path
     d="M176 161h25.5"></path><path d="M513.5 161h25.5"></path><path
     d="M201.5 161h10"></path><g><path d="M211.5 161h0"></path><path
     d="M323.5 161h0"></path><path d="M211.5 161h10"></path><g><path
     d="M221.5 161h0"></path><path d="M313.5 161h0"></path><rect height=22
     width=92 x=221.5 y=150></rect><text x=267.5 y=165>hex
     digit</text></g><path d="M313.5 161h10"></path><path
     d="M221.5 161a10 10 0 0 0 -10 10v10a10 10 0 0 0 10 10"></path><g><path
     d="M221.5 191h9.5"></path><path d="M304 191h9.5"></path><text
     class=comment x=267.5 y=196>1-6 times</text></g><path
     d="M313.5 191a10 10 0 0 0 10 -10v-10a10 10 0 0 0 -10 -10"></path></g><path
     d="M323.5 161h10"></path><path d="M333.5 161h10"></path><g><path
     d="M343.5 161h0"></path><path d="M371.5 161h0"></path><rect height=22
     rx=10 ry=10 width=28 x=343.5 y=150></rect><text x=357.5
     y=165>-</text></g><path d="M371.5 161h10"></path><path
     d="M381.5 161h10"></path><g><path d="M391.5 161h0"></path><path
     d="M503.5 161h0"></path><path d="M391.5 161h10"></path><g><path
     d="M401.5 161h0"></path><path d="M493.5 161h0"></path><rect height=22
     width=92 x=401.5 y=150></rect><text x=447.5 y=165>hex
     digit</text></g><path d="M493.5 161h10"></path><path
     d="M401.5 161a10 10 0 0 0 -10 10v10a10 10 0 0 0 10 10"></path><g><path
     d="M401.5 191h9.5"></path><path d="M484 191h9.5"></path><text
     class=comment x=447.5 y=196>1-6 times</text></g><path
     d="M493.5 191a10 10 0 0 0 10 -10v-10a10 10 0 0 0 -10 -10"></path></g><path
     d="M503.5 161h10"></path></g><path
     d="M539 161a10 10 0 0 0 10 -10v-110a10 10 0 0 1 10 -10"></path></g><path
     d="M 559 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
    <dt id=comment-diagram>COMMENT
    <dd><svg class=railroad-diagram height=81 width=497><g
     transform="translate(.5 .5)"><path
     d="M 20 31 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path><path
     d="M40 41h10"></path><g><path d="M50 41h0"></path><path
     d="M86 41h0"></path><rect height=22 rx=10 ry=10 width=36 x=50
     y=30></rect><text x=68 y=45>/*</text></g><path
     d="M86 41h10"></path><g><path d="M96 41h0"></path><path
     d="M400 41h0"></path><path
     d="M96 41a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path><g><path
     d="M116 21h264"></path></g><path
     d="M380 21a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path><path
     d="M96 41h20"></path><g><path d="M116 41h0"></path><path
     d="M380 41h0"></path><path d="M116 41h10"></path><g><path
     d="M126 41h0"></path><path d="M370 41h0"></path><rect height=22 width=244
     x=126 y=30></rect><text x=248 y=45>anything but * followed by
     /</text></g><path d="M370 41h10"></path><path
     d="M126 41a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10"></path><g><path
     d="M126 61h244"></path></g><path
     d="M370 61a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10"></path></g><path
     d="M380 41h20"></path></g><path d="M400 41h10"></path><g><path
     d="M410 41h0"></path><path d="M446 41h0"></path><rect height=22 rx=10
     ry=10 width=36 x=410 y=30></rect><text x=428 y=45>*/</text></g><path
     d="M446 41h10"></path><path
     d="M 456 41 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
    <dt id=cdo-diagram>CDO
    <dd><svg class=railroad-diagram height=62 width=153><g
     transform="translate(.5 .5)"><path
     d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path><path
     d="M40 31h10"></path><g><path d="M50 31h0"></path><path
     d="M102 31h0"></path><rect height=22 rx=10 ry=10 width=52 x=50
     y=20></rect><text x=76 y=35>&lt;!--</text></g><path
     d="M102 31h10"></path><path
     d="M 112 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
    <dt id=cdc-diagram>CDC
    <dd><svg class=railroad-diagram height=62 width=145><g
     transform="translate(.5 .5)"><path
     d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path><path
     d="M40 31h10"></path><g><path d="M50 31h0"></path><path
     d="M94 31h0"></path><rect height=22 rx=10 ry=10 width=44 x=50
     y=20></rect><text x=72 y=35>--&gt;</text></g><path
     d="M94 31h10"></path><path
     d="M 104 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
   </dl>
   <h3 id=tokenizer-flags><span class=secno>4.2. </span> Tokenizer Flags</h3>
   <p> The tokenizer can be run with any of several flags that alter its
    behavior.
   <dl>
    <dt>the <dfn id=transform-function-whitespace>transform function
     whitespace</dfn> flag
    <dd> This flag is set when parsing SVG's <code>transform</code> attribute.
     When this is set, whitespace is allowed between the name of a transform
     function and its opening parenthesis.
   </dl>
   <h3 id=definitions><span class=secno>4.3. </span> Definitions</h3>
   <p> This section defines several terms used during the tokenization phase.
   <dl>
    <dt><dfn id=digit>digit</dfn>
    <dd> A character between U+0030 DIGIT ZERO (0) and U+0039 DIGIT NINE (9).
    <dt><dfn id=hex-digit>hex digit</dfn>
    <dd> A <a href="#digit"><i>digit</i></a>, or a character between U+0041
     LATIN CAPITAL LETTER A (A) and U+0046 LATIN CAPITAL LETTER F (F), or a
     character between U+0061 LATIN SMALL LETTER A (a) and U+0066 LATIN SMALL
     LETTER F (f).
    <dt><dfn id=uppercase-letter>uppercase letter</dfn>
    <dd> A character between U+0041 LATIN CAPITAL LETTER A (A) and U+005A
     LATIN CAPITAL LETTER Z (Z).
    <dt><dfn id=lowercase-letter>lowercase letter</dfn>
    <dd> A character between U+0061 LATIN SMALL LETTER A (a) and U+007A LATIN
     SMALL LETTER Z (z).
    <dt><dfn id=letter>letter</dfn>
    <dd> An <a href="#uppercase-letter"><i>uppercase letter</i></a> or a <a
     href="#lowercase-letter"><i>lowercase letter</i></a>.
    <dt><dfn id=non-ascii-character>non-ASCII character</dfn>
    <dd> A character with a codepoint equal to or greater than U+0080
     &lt;control>.
    <dt><dfn id=name-start-character>name-start character</dfn>
    <dd> A <a href="#letter"><i>letter</i></a>, a <a
     href="#non-ascii-character"><i>non-ASCII character</i></a>, or U+005F LOW
     LINE (_).
    <dt><dfn id=name-character>name character</dfn>
    <dd> A <a href="#name-start-character"><i>name-start character</i></a>, A
     <a href="#digit"><i>digit</i></a>, or U+002D HYPHEN-MINUS (-).
    <dt><dfn id=non-printable-character>non-printable character</dfn>
    <dd> A character between U+0000 NULL and U+0008 BACKSPACE or a character
     between U+000E SHIFT OUT and U+001F INFORMATION SEPARATOR ONE or a
     character between U+007F DELETE and U+009F APPLICATION PROGRAM COMMAND.
    <dt><dfn id=newline>newline</dfn>
    <dd> U+000A LINE FEED or U+000C FORM FEED. <span class=note> Note that
     U+000D CARRIAGE RETURN is not included in this definition, as it is
     removed from the stream during preprocessing. </span>
    <dt><dfn id=whitespace>whitespace</dfn>
    <dd>A <a href="#newline"><i>newline</i></a>, U+0009 CHARACTER TABULATION,
     or U+0020 SPACE.
    <dt><dfn id=maximum-allowed-codepoint>maximum allowed codepoint</dfn>
    <dd>The greatest codepoint defined by Unicode. This is currently U+10FFFF.
   </dl>
   <h3 id=tokenizer-state-machine><span class=secno>4.4. </span> Tokenizer
    State Machine</h3>
   <h4 id=data-state><span class=secno>4.4.1. </span> <dfn id=data-state0>Data
    state</dfn></h4>
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt><a href="#whitespace"><i>whitespace</i></a>
    <dd> Consume as much <a href="#whitespace"><i>whitespace</i></a> as
     possible. Emit a whitespace token. Remain in this state.
    <dt>U+0022 QUOTATION MARK (")
    <dd> Switch to the <a
     href="#double-quote-string-state0"><i>double-quote-string state</i></a>.
    <dt>U+0023 NUMBER SIGN (#)
    <dd> Switch to the <a href="#hash-state0"><i>hash state</i></a>.
    <dt>U+0024 DOLLAR SIGN ($)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is U+003D EQUALS SIGN (=), consume it and emit a
     suffix-match token. Remain in this state.
     <p> Otherwise, emit a delim token with its value set to the <a
      href="#current-input-character"><i>current input character</i></a>.
      Remain in this state.
    <dt>U+0027 APOSTROPHE (&apos;)
    <dd> Switch to the <a
     href="#single-quote-string-state0"><i>single-quote-string state</i></a>.
    <dt>U+0028 LEFT PARENTHESIS (()
    <dd> Emit a ( token. Remain in this state.
    <dt>U+0029 RIGHT PARENTHESIS ())
    <dd> Emit a ) token. Remain in this state.
    <dt>U+002A ASTERISK (*)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is U+003D EQUALS SIGN (=), consume it and emit a
     substring-match token. Remain in this state.
     <p> Otherwise, emit a delim token with its value set to the <a
      href="#current-input-character"><i>current input character</i></a>.
      Remain in this state.
    <dt>U+002B PLUS SIGN (+)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#digit"><i>digit</i></a>, or the <a
     href="#next-input-character"><i title="next input character">next 2 input
     characters</i></a> are U+002E FULL STOP (.) followed by a <a
     href="#digit"><i>digit</i></a>, switch to the <a
     href="#number-state0"><i>number state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
     <p> Otherwise, emit a delim token with its value set to U+002B PLUS SIGN
      (+). Remain in this state.
    <dt>U+002C COMMA (,)
    <dd> Emit a comma token. Remain in this state.
    <dt>U+002D HYPHEN-MINUS (-)
    <dd> If the <a href="#next-input-character"><i
     title="next input character">next 2 input characters</i></a> are U+002D
     HYPHEN-MINUS U+003E GREATER-THAN SIGN (->), consume them, emit a CDC
     token, and remain in this state.
     <p> Otherwise, if the <a href="#next-input-character"><i>next input
      character</i></a> is a <a href="#digit"><i>digit</i></a>, or the <a
      href="#next-input-character"><i title="next input character">next 2
      input characters</i></a> are U+002E FULL STOP (.) followed by a <a
      href="#digit"><i>digit</i></a>, switch to the <a
      href="#number-state0"><i>number state</i></a>. Reconsume the <a
      href="#current-input-character"><i>current input character</i></a>.
     <p> Otherwise, switch to the <a href="#ident-state0"><i>ident
      state</i></a>. Reconsume the <a
      href="#current-input-character"><i>current input character</i></a>.
    <dt>U+002E FULL STOP (.)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#digit"><i>digit</i></a>, switch to the
     <a href="#number-state0"><i>number state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
     <p> Otherwise, emit a delim token with its value set to U+002E FULL STOP
      (.). Remain in this state.
    <dt>U+002F SOLIDUS (/)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is U+002A ASTERISK (*), consume it and switch to the <a
     href="#comment-state0"><i>comment state</i></a>.
     <p> Otherwise, emit a delim token with its value set to U+002F SOLIDUS
      (/). Remain in this state.
    <dt>U+003A COLON (:)
    <dd> Emit a colon token. Remain in this state.
    <dt>U+003B SEMICOLON (;)
    <dd> Emit a semicolon token. Remain in this state.
    <dt>U+003C LESS-THAN SIGN (&lt;)
    <dd> If the <a href="#next-input-character"><i
     title="next input character">next 3 input characters</i></a> are U+0021
     EXCLAMATION MARK U+002D HYPHEN-MINUS U+002D HYPHEN-MINUS (!--), consume
     them and emit a cdo token. Remain in this state.
     <p> Otherwise, emit a delim token with its value set to U+003C LESS-THAN
      SIGN (&lt;). Remain in this state.
    <dt>U+0040 COMMERCIAL AT (@)
    <dd> Switch to the <a href="#at-keyword-state0"><i>at-keyword
     state</i></a>.
    <dt>U+005B LEFT SQUARE BRACKET ([)
    <dd> Emit a [ token. Remain in this state.
    <dt>U+005C REVERSE SOLIDUS (\)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#newline"><i>newline</i></a> or EOF, this
     is a <i>parse error</i>. Emit a delim token with its value set to U+005C
     REVERSE SOLIDUS (\). Remain in this state.
     <p> Otherwise, switch to the <a href="#ident-state0"><i>ident
      state</i></a>. Reconsume the <a
      href="#current-input-character"><i>current input character</i></a>.
    <dt>U+005D RIGHT SQUARE BRACKET (])
    <dd> Emit a ] token. Remain in this state.
    <dt>U+005E CIRCUMFLEX ACCENT (^)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is U+003D EQUALS SIGN (=), consume it and emit a
     prefix-match token. Remain in this state.
     <p> Otherwise, emit a delim token with its value set to the <a
      href="#current-input-character"><i>current input character</i></a>.
      Remain in this state.
    <dt>U+007B LEFT CURLY BRACKET ({)
    <dd> Emit a { token. Remain in this state.
    <dt>U+007D RIGHT CURLY BRACKET (})
    <dd> Emit a } token. Remain in this state.
    <dt><a href="#digit"><i>digit</i></a>
    <dd> Switch to the <a href="#number-state0"><i>number state</i></a>.
     Reconsume the <a href="#current-input-character"><i>current input
     character</i></a>.
    <dt>U+0055 LATIN CAPITAL LETTER U (U)
    <dt>U+0075 LATIN SMALL LETTER U (u)
    <dd> If the <a href="#next-input-character"><i
     title="next input character">next 2 input character</i></a> are U+002B
     PLUS SIGN (+) followed by a <a href="#hex-digit"><i>hex digit</i></a> or
     U+003F QUESTION MARK (?), consume the <a
     href="#next-input-character"><i>next input character</i></a>. <span
     class=note>Note: don't consume both of them.</span> Switch to the <a
     href="#unicode-range-state0"><i>unicode-range state</i></a>.
     <p>Otherwise, switch to the <a href="#ident-state0"><i>ident
      state</i></a>. Reconsume the <a
      href="#current-input-character"><i>current input character</i></a>.
    <dt><a href="#name-start-character"><i>name-start character</i></a>
    <dd> Switch to the <a href="#ident-state0"><i>ident state</i></a>.
     Reconsume the <a href="#current-input-character"><i>current input
     character</i></a>.
    <dt>U+007C VERTICAL LINE (|)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is U+003D EQUALS SIGN (=), consume it and emit a
     dash-match token. Remain in this state.
     <p> Otherwise, emit a delim token with its value set to the <a
      href="#current-input-character"><i>current input character</i></a>.
      Remain in this state.
    <dt>U+007E TILDE (~)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is U+003D EQUALS SIGN (=), consume it and emit an
     includes-match token. Remain in this state.
     <p> Otherwise, emit a delim token with its value set to the <a
      href="#current-input-character"><i>current input character</i></a>.
      Remain in this state.
    <dt>EOF
    <dd> Emit an end-of-file token.
    <dt>anything else
    <dd> Emit a delim token with its value set to the <a
     href="#current-input-character"><i>current input character</i></a>.
     Remain in this state.
   </dl>
   <h4 id=double-quote-string-state><span class=secno>4.4.2. </span> <dfn
    id=double-quote-string-state0>Double-quote-string state</dfn></h4>
   <p> If a string token has not yet been created since entering this state,
    create a string token with its value initially set to the empty string.
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt>U+0022 QUOTATION MARK (")
    <dd> Emit the string token. Return to the <a href="#data-state0"><i>data
     state</i></a>.
    <dt>EOF
    <dd> This is a <i>parse error</i>. Emit the string token. Switch to the <a
     href="#data-state0"><i>data state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
    <dt><a href="#newline"><i>newline</i></a>
    <dd> This is a <i>parse error</i>. Emit a bad-string token. Switch to the
     <a href="#data-state0"><i>data state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
    <dt>U+005C REVERSE SOLIDUS (\)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is an EOF, this is a <i>parse error</i>. Emit a
     bad-string token, then switch to the <a href="#data-state0"><i>data
     state</i></a>.
     <p> Otherwise, if the <a href="#next-input-character"><i>next input
      character</i></a> is a <a href="#newline"><i>newline</i></a>, consume
      it. Remain in this state.
     <p> Otherwise, <a href="#consume-an-escaped-character0"><i>consume an
      escaped character</i></a>. Append the returned character to the string
      token's value. Remain in this state.
    <dt>anything else
    <dd> Append the <a href="#current-input-character"><i>current input
     character</i></a> to the string token's value. Remain in this state.
   </dl>
   <h4 id=single-quote-string-state><span class=secno>4.4.3. </span> <dfn
    id=single-quote-string-state0>Single-quote-string state</dfn></h4>
   <p> If a string token has not yet been created since entering this state,
    create a string token with its value initially set to the empty string.
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt>U+0027 APOSTROPHE (&apos;)
    <dd> Emit the string token. Return to the <a href="#data-state0"><i>data
     state</i></a>.
    <dt>EOF
    <dd> This is a <i>parse error</i>. Emit the string token. Switch to the <a
     href="#data-state0"><i>data state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
    <dt><a href="#newline"><i>newline</i></a>
    <dd> This is a <i>parse error</i>. Emit a bad-string token. Switch to the
     <a href="#data-state0"><i>data state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
    <dt>U+005C REVERSE SOLIDUS (\)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is an EOF, this is a <i>parse error</i>. Emit a
     bad-string token, then switch to the <a href="#data-state0"><i>data
     state</i></a>.
     <p> Otherwise, if the <a href="#next-input-character"><i>next input
      character</i></a> is a <a href="#newline"><i>newline</i></a>, consume
      it. Remain in this state.
     <p> Otherwise, <a href="#consume-an-escaped-character0"><i>consume an
      escaped character</i></a>. Append the returned character to the string
      token's value. Remain in this state.
    <dt>anything else
    <dd> Append the <a href="#current-input-character"><i>current input
     character</i></a> to the string token's value. Remain in this state.
   </dl>
   <h4 id=hash-state><span class=secno>4.4.4. </span> <dfn id=hash-state0>Hash
    state</dfn></h4>
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt><a href="#name-character"><i>name character</i></a>
    <dd> Create a hash token with its value set to the <a
     href="#current-input-character"><i>current input character</i></a>.
     Switch to the <a href="#hash-rest-state0"><i>hash-rest state</i></a>.
    <dt>U+005C REVERSE SOLIDUS (\)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#newline"><i>newline</i></a> or EOF, emit
     a delim token with its value set to U+0023 NUMBER SIGN (#). Switch to the
     <a href="#data-state0"><i>data state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
     <p> Otherwise, <a href="#consume-an-escaped-character0"><i>consume an
      escaped character</i></a>. Create a hash token with its value set to the
      returned character. Switch to the <a
      href="#hash-rest-state0"><i>hash-rest state</i></a>.
    <dt>anything else
    <dd> Emit a delim token with its value set to U+0023 NUMBER SIGN (#).
     Switch to the <a href="#data-state0"><i>data state</i></a>. Reconsume the
     <a href="#current-input-character"><i>current input character</i></a>.
   </dl>
   <h4 id=hash-rest-state><span class=secno>4.4.5. </span> <dfn
    id=hash-rest-state0>Hash-rest state</dfn></h4>
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt><a href="#name-character"><i>name character</i></a>
    <dd> Append the <a href="#current-input-character"><i>current input
     character</i></a> to the hash token's value. Remain in this state.
    <dt>U+005C REVERSE SOLIDUS (\)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#newline"><i>newline</i></a> or EOF, emit
     the hash token. Switch to the <a href="#data-state0"><i>data
     state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
     <p> Otherwise, <a href="#consume-an-escaped-character0"><i>consume an
      escaped character</i></a>. Append the returned character to the hash
      token's value. Remain in this state.
    <dt>anything else
    <dd> Emit the hash token. Switch to the <a href="#data-state0"><i>data
     state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
   </dl>
   <h4 id=comment-state><span class=secno>4.4.6. </span> <dfn
    id=comment-state0>Comment state</dfn></h4>
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt>U+002A ASTERISK (*)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is U+002F SOLIDUS (/), consume it, and switch to the <a
     href="#data-state0"><i>data state</i></a>.
     <p> Otherwise, do nothing and remain in this state.
    <dt>EOF
    <dd> This is a <i>parse error</i>. Switch to the <a
     href="#data-state0"><i>data state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
    <dt>anything else
    <dd> Do nothing and remain in this state.
   </dl>
   <h4 id=at-keyword-state><span class=secno>4.4.7. </span> <dfn
    id=at-keyword-state0>At-keyword state</dfn></h4>
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt>U+002D HYPHEN-MINUS (-)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#name-start-character"><i>name-start
     character</i></a>, Create an at-keyword token with its value initially
     set to U+002D HYPHEN-MINUS. Switch to the <a
     href="#at-keyword-rest-state0"><i>at-keyword-rest state</i></a>.
     <p> Otherwise, if the <a href="#next-input-character"><i
      title="next input character">next two characters</i></a> are U+005C
      REVERSE SOLIDUS (\) followed by anything but a <a
      href="#newline"><i>newline</i></a> or EOF, create an at-keyword token
      with its value initially set to U+002D HYPHEN-MINUS. Switch to the <a
      href="#at-keyword-rest-state0"><i>at-keyword-rest state</i></a>.
     <p> Otherwise, emit a delim token with its value set to U+0040 COMMERCIAL
      AT (@). Switch to the <a href="#data-state0"><i>data state</i></a>.
      Reconsume the <a href="#current-input-character"><i>current input
      character</i></a>.
    <dt><a href="#name-start-character"><i>name-start character</i></a>
    <dd> Create an at-keyword token with its value set to the <a
     href="#current-input-character"><i>current input character</i></a>.
     Switch to the <a href="#at-keyword-rest-state0"><i>at-keyword-rest
     state</i></a>.
    <dt>U+005C REVERSE SOLIDUS (\)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#newline"><i>newline</i></a> or EOF, emit
     a delim token with its value set to U+0040 COMMERCIAL AT (@). Switch to
     the <a href="#data-state0"><i>data state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
     <p> Otherwise, <a href="#consume-an-escaped-character0"><i>consume an
      escaped character</i></a>. Create an at-keyword token with its value set
      to the returned character. Switch to the <a
      href="#at-keyword-rest-state0"><i>at-keyword-rest state</i></a>.
    <dt>anything else
    <dd> Emit a delim token with its value set to U+0040 COMMERCIAL AT (@).
     Switch to the <a href="#data-state0"><i>data state</i></a>. Reconsume the
     <a href="#current-input-character"><i>current input character</i></a>.
   </dl>
   <h4 id=at-keyword-rest-state><span class=secno>4.4.8. </span> <dfn
    id=at-keyword-rest-state0>At-keyword-rest state</dfn></h4>
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt><a href="#name-character"><i>name character</i></a>
    <dd> Append the <a href="#current-input-character"><i>current input
     character</i></a> to the at-keyword token's value. Remain in this state.
    <dt>U+005C REVERSE SOLIDUS (\)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#newline"><i>newline</i></a> or EOF, emit
     the at-keyword token. Switch to the <a href="#data-state0"><i>data
     state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
     <p> Otherwise, <a href="#consume-an-escaped-character0"><i>consume an
      escaped character</i></a>. Append the returned character to the
      at-keyword token's value. Remain in this state.
    <dt>anything else
    <dd> Emit the at-keyword token. Switch to the <a
     href="#data-state0"><i>data state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
   </dl>
   <h4 id=ident-state><span class=secno>4.4.9. </span> <dfn
    id=ident-state0>Ident state</dfn></h4>
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt>U+002D HYPHEN-MINUS (-)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#name-start-character"><i>name-start
     character</i></a>, create an identifer token with its value initially set
     to U+002D HYPHEN-MINUS. Switch to the <a
     href="#ident-rest-state0"><i>ident-rest state</i></a>.
     <p> Otherwise, if the <a href="#next-input-character"><i
      title="next input character">next two characters</i></a> are U+005C
      REVERSE SOLIDUS (\) followed by anything but a <a
      href="#newline"><i>newline</i></a> or EOF, create an identifer token
      with its value initially set to U+002D HYPHEN-MINUS. Switch to the <a
      href="#ident-rest-state0"><i>ident-rest state</i></a>.
     <p> Otherwise, emit a delim token with its value set to U+002D
      HYPHEN-MINUS (-). Switch to the <a href="#data-state0"><i>data
      state</i></a>.
    <dt><a href="#name-start-character"><i>name-start character</i></a>
    <dd> Create an ident token with its value set to the <a
     href="#current-input-character"><i>current input character</i></a>.
     Switch to the <a href="#ident-rest-state0"><i>ident-rest state</i></a>.
    <dt>U+005C REVERSE SOLIDUS (\)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#newline"><i>newline</i></a> or EOF,
     switch to the <a href="#data-state0"><i>data state</i></a>. Reconsume the
     <a href="#current-input-character"><i>current input character</i></a>.
     <p> Otherwise, <a href="#consume-an-escaped-character0"><i>consume an
      escaped character</i></a>. Create an ident token with its value set to
      the returned character. Switch to the <a
      href="#ident-rest-state0"><i>ident-rest state</i></a>. <!--
 			This state should only be entered with a valid character.
 			If it hits anything else, this is a spec error.
 		-->
   </dl>
   <h4 id=ident-rest-state><span class=secno>4.4.10. </span> <dfn
    id=ident-rest-state0>Ident-rest state</dfn></h4>
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt><a href="#name-character"><i>name character</i></a>
    <dd> Append the <a href="#current-input-character"><i>current input
     character</i></a> to the ident token's value. Remain in this state.
    <dt>U+005C REVERSE SOLIDUS (\)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#newline"><i>newline</i></a> or EOF, emit
     the ident token. Switch to the <a href="#data-state0"><i>data
     state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
     <p> Otherwise, <a href="#consume-an-escaped-character0"><i>consume an
      escaped character</i></a>. Append the returned character to the ident
      token's value. Remain in this state.
    <dt>U+0028 LEFT PARENTHESIS (()
    <dd> If the identifier token's value is an <a
     href="#ascii-case-insensitive"><i>ASCII case-insensitive</i></a> match
     for "url", switch to the <a href="#url-state0"><i>url state</i></a>.
     <p> Otherwise, Emit a function token with its value set to the identifier
      token's value. Switch to the <a href="#data-state0"><i>data
      state</i></a>.
    <dt><a href="#whitespace"><i>whitespace</i></a>
    <dd> If the <a href="#transform-function-whitespace"><i>transform function
     whitespace</i></a> flag is set, reconsume the <a
     href="#current-input-character"><i>current input character</i></a> and
     switch to the <a
     href="#transform-function-whitespace-state0"><i>transform-function-whitespace
     state</i></a>.
     <p> Otherwise, emit the ident token. Switch to the <a
      href="#data-state0"><i>data state</i></a>. Reconsume the <a
      href="#current-input-character"><i>current input character</i></a>.
    <dt>anything else
    <dd> Emit the ident token. Switch to the <a href="#data-state0"><i>data
     state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
   </dl>
   <h4 id=transform-function-whitespace-state><span class=secno>4.4.11.
    </span> <dfn
    id=transform-function-whitespace-state0>Transform-function-whitespace
    state</dfn></h4>
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt><a href="#whitespace"><i>whitespace</i></a>
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is <a href="#whitespace"><i>whitespace</i></a>, remain
     in this state.
     <p> Otherwise, if the <a href="#next-input-character"><i>next input
      character</i></a> is U+0028 LEFT PARENTHESES ((), emit a function token
      with its value set to the identifer token's value. Switch to the <a
      href="#data-state0"><i>data state</i></a>.
     <p> Otherwise, emit the identifer token. Switch to the <a
      href="#data-state0"><i>data state</i></a>. Reconsume the <a
      href="#current-input-character"><i>current input character</i></a>.
   </dl>
   <h4 id=number-state><span class=secno>4.4.12. </span> <dfn
    id=number-state0>Number state</dfn></h4>
   <p> Create a number token with its representation initially set to the
    empty string.
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt>U+002D HYPHEN-MINUS (-)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#digit"><i>digit</i></a>, consume it.
     Append U+002D HYPHEN-MINUS (-) to the number token's representation.
     Append the <a href="#digit"><i>digit</i></a> to the number token's
     representation. Switch to the <a
     href="#number-rest-state0"><i>number-rest state</i></a>.
     <p> Otherwise, if the <a href="#next-input-character"><i
      title="next input character">next 2 input characters</i></a> are U+002E
      FULL STOP followed by a <a href="#digit"><i>digit</i></a>, consume them.
      Append U+002D HYPHEN-MINUS (-) to the number token's representation.
      Append U+002E FULL STOP (.) to the number token's representation. Append
      the <a href="#digit"><i>digit</i></a> to the number token's
      representation. Switch to the <i>number fraction</i> state.
     <p> Otherwise, switch to the <a href="#data-state0"><i>data
      state</i></a>. Reconsume the <a
      href="#current-input-character"><i>current input character</i></a>.
    <dt>U+002B PLUS SIGN (+)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#digit"><i>digit</i></a>, consume it.
     Append U+002D PLUS SIGN (+) to the number token's representation. Append
     the <a href="#digit"><i>digit</i></a> to the number token's
     representation. Switch to the <a
     href="#number-rest-state0"><i>number-rest state</i></a>.
     <p> Otherwise, if the <a href="#next-input-character"><i
      title="next input character">next 2 input characters</i></a> are U+002E
      FULL STOP followed by a <a href="#digit"><i>digit</i></a>, consume them.
      Append U+002D PLUS SIGN (+) to the number token's representation. Append
      U+002E FULL STOP (.) to the number token's representation. Append the <a
      href="#digit"><i>digit</i></a> to the number token's representation.
      Switch to the <i>number fraction</i> state.
     <p> Otherwise, switch to the <a href="#data-state0"><i>data
      state</i></a>. Reconsume the <a
      href="#current-input-character"><i>current input character</i></a>.
    <dt><a href="#digit"><i>digit</i></a>
    <dd> Append the <a href="#current-input-character"><i>current input
     character</i></a> to the number token's representation. Switch to the <a
     href="#number-rest-state0"><i>number-rest state</i></a>.
    <dt>U+002E FULL STOP (.)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#digit"><i>digit</i></a>, consume it.
     Append U+002E FULL STOP (.) to the number token's representation. Append
     the <a href="#digit"><i>digit</i></a> to the number token's
     representation. Switch to the <a
     href="#number-fraction-state0"><i>number-fraction state</i></a>.
     <p> Otherwise, switch to the <a href="#data-state0"><i>data
      state</i></a>. Reconsume the <a
      href="#current-input-character"><i>current input character</i></a>.
    <dt>anything else
    <dd> Switch to the <a href="#data-state0"><i>data state</i></a>. Reconsume
     the <a href="#current-input-character"><i>current input
     character</i></a>.
   </dl>
   <h4 id=number-rest-state><span class=secno>4.4.13. </span> <dfn
    id=number-rest-state0>Number-rest state</dfn></h4>
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt><a href="#digit"><i>digit</i></a>
    <dd> Append the <a href="#current-input-character"><i>current input
     character</i></a> to the number token's representation. Remain in this
     state.
    <dt>U+002E FULL STOP (.)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#digit"><i>digit</i></a>, consume it.
     Append U+002E FULL STOP (.) followed by the <a
     href="#digit"><i>digit</i></a> to the number token's representation.
     Switch to the <a href="#number-fraction-state0"><i>number-fraction
     state</i></a>.
     <p> Otherwise, set the number token's value to the number produced by
      interpreting the number token's representation as a base-10 number and
      emit it. Switch to the <a href="#data-state0"><i>data state</i></a>.
      Reconsume the <a href="#current-input-character"><i>current input
      character</i></a>.
    <dt>U+0025 PERCENT SIGN (%)
    <dd> Emit a percentage token with its value set to the number produced by
     interpreting the number token's representation as a base-10 number.
     Switch to the <a href="#data-state0"><i>data state</i></a>.
    <dt>U+0045 LATIN CAPITAL LETTER E (E)
    <dt>U+0065 LATIN SMALL LETTER E (e)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#digit"><i>digit</i></a>, or the <a
     href="#next-input-character"><i title="next input character">next 2 input
     characters</i></a> are U+002B PLUS SIGN (+) or U+002D HYPHEN-MINUS (-)
     followed by a <a href="#digit"><i>digit</i></a>, consume them and append
     them to the number token's representation. Switch to the <a
     href="#sci-notation-state0"><i>sci-notation state</i></a>.
     <p> Otherwise, create a dimension token with its representation set to
      the number token's representation, its value set to the number produced
      by interpreting the number token's representation as a base-10 number,
      and a unit initially set to the <a
      href="#current-input-character"><i>current input character</i></a>.
      Switch to the <a href="#dimension-state0"><i>dimension state</i></a>.
    <dt>U+002D HYPHEN-MINUS (-)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#name-start-character"><i>name-start
     character</i></a>, consume it. Create a dimension token with its
     representation set to the number token's representation, its value set to
     the number produced by interpreting the number token's representation as
     a base-10 number, and a unit initially set to U+002D HYPHEN-MINUS
     followed by the <a href="#name-start-character"><i>name-start
     character</i></a>. Switch to the <a href="#dimension-state0"><i>dimension
     state</i></a>.
     <p> Otherwise, if the <a href="#next-input-character"><i
      title="next input character">next 2 input characters</i></a> are U+005C
      REVERSE SOLIDUS (\) followed by a <a href="#newline"><i>newline</i></a>,
      or U+005C REVERSE SOLIDUS (\) followed by EOF, set the number token's
      value to the number produced by interpreting the number token's
      representation as a base-10 number and emit it. Switch to the <a
      href="#data-state0"><i>data state</i></a>. Reconsume the <a
      href="#current-input-character"><i>current input character</i></a>.
     <p> Otherwise, if the <a href="#next-input-character"><i>next input
      character</i></a> is U+005C REVERSE SOLIDUS (\), consume it, then <a
      href="#consume-an-escaped-character0"><i>consume an escaped
      character</i></a>. Create a dimension token with its representation set
      to the number token's representation, its value set to the number
      produced by interpreting the number token's representation as a base-10
      number, and a unit initially set to U+002D HYPHEN-MINUS followed by the
      returned character. Switch to the <a
      href="#dimension-state0"><i>dimension state</i></a>.
     <p> Otherwise, set the number token's value to the number produced by
      interpreting the number token's representation as a base-10 number and
      emit it. Switch to the <a href="#data-state0"><i>data state</i></a>.
      Reconsume the <a href="#current-input-character"><i>current input
      character</i></a>.
    <dt><a href="#name-start-character"><i>name-start character</i></a>
    <dd> Create a dimension token with its representation set to the number
     token's representation, its value set to the number produced by
     interpreting the number token's representation as a base-10 number, and a
     unit initially set to the <a href="#current-input-character"><i>current
     input character</i></a>. Switch to the <a
     href="#dimension-state0"><i>dimension state</i></a>.
    <dt>U+005C REVERSE SOLIDUS (\)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#newline"><i>newline</i></a> or EOF, set
     the number token's value to the number produced by interpreting the
     number token's representation as a base-10 number and emit it. Switch to
     the <a href="#data-state0"><i>data state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
     <p> Otherwise, <a href="#consume-an-escaped-character0"><i>consume an
      escaped character</i></a>. Create a dimension token with its
      representation set to the number token's representation, its value set
      to the number produced by interpreting the number token's representation
      as a base-10 number, and a unit initially set to the returned character.
      Switch to the <a href="#dimension-state0"><i>dimension state</i></a>.
    <dt>anything else
    <dd> Emit a number token with its value set to the number produced by
     interpreting the string token's value as a base-10 number. Switch to the
     <a href="#data-state0"><i>data state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
   </dl>
   <h4 id=number-fraction-state><span class=secno>4.4.14. </span> <dfn
    id=number-fraction-state0>Number-fraction state</dfn></h4>
   <p> Set the number token's type flag to "number".
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt><a href="#digit"><i>digit</i></a>
    <dd> Append the <a href="#current-input-character"><i>current input
     character</i></a> to the string token's value. Remain in this state.
    <dt>U+0025 PERCENT SIGN (%)
    <dd> Emit a percentage token with its value set to the number produced by
     interpreting the number token's representation as a base-10 number.
     Switch to the <a href="#data-state0"><i>data state</i></a>.
    <dt>U+0045 LATIN CAPITAL LETTER E (E)
    <dt>U+0065 LATIN SMALL LETTER E (e)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#digit"><i>digit</i></a>, or the <a
     href="#next-input-character"><i title="next input character">next 2 input
     characters</i></a> are U+002B PLUS SIGN (+) or U+002D HYPHEN-MINUS (-)
     followed by a <a href="#digit"><i>digit</i></a>, consume them and append
     them to the number token's representation. Switch to the <a
     href="#sci-notation-state0"><i>sci-notation state</i></a>.
     <p> Otherwise, create a dimension token with its representation set to
      the number token's representation, its value set to the number produced
      by interpreting the number token's representation as a base-10 number,
      and a unit initially set to the <a
      href="#current-input-character"><i>current input character</i></a>.
      Switch to the <a href="#dimension-state0"><i>dimension state</i></a>.
    <dt>U+002D HYPHEN-MINUS (-)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#name-start-character"><i>name-start
     character</i></a>, consume it. Create a dimension token with its
     representation set to the number token's representation, its value set to
     the number produced by interpreting the number token's representation as
     a base-10 number, and a unit initially set to U+002D HYPHEN-MINUS
     followed by the <a href="#name-start-character"><i>name-start
     character</i></a>. Switch to the <a href="#dimension-state0"><i>dimension
     state</i></a>.
     <p> Otherwise, if the <a href="#next-input-character"><i
      title="next input character">next 2 input characters</i></a> are U+005C
      REVERSE SOLIDUS (\) followed by a <a href="#newline"><i>newline</i></a>,
      or U+005C REVERSE SOLIDUS (\) followed by EOF, set the number token's
      value to the number produced by interpreting the number token's
      representation as a base-10 number and emit it. Switch to the <a
      href="#data-state0"><i>data state</i></a>. Reconsume the <a
      href="#current-input-character"><i>current input character</i></a>.
     <p> Otherwise, if the <a href="#next-input-character"><i>next input
      character</i></a> is U+005C REVERSE SOLIDUS (\), consume it, then <a
      href="#consume-an-escaped-character0"><i>consume an escaped
      character</i></a>. Create a dimension token with its representation set
      to the number token's representation, its value set to the number
      produced by interpreting the number token's representation as a base-10
      number, and a unit initially set to U+002D HYPHEN-MINUS followed by the
      returned character. Switch to the <a
      href="#dimension-state0"><i>dimension state</i></a>.
     <p> Otherwise, set the number token's value to the number produced by
      interpreting the number token's representation as a base-10 number and
      emit it. Switch to the <a href="#data-state0"><i>data state</i></a>.
      Reconsume the <a href="#current-input-character"><i>current input
      character</i></a>.
    <dt><a href="#name-start-character"><i>name-start character</i></a>
    <dd> Create a dimension token with its representation set to the number
     token's representation, its value set to the number produced by
     interpreting the number token's representation as a base-10 number, and a
     unit initially set to the <a href="#current-input-character"><i>current
     input character</i></a>. Switch to the <a
     href="#dimension-state0"><i>dimension state</i></a>.
    <dt>U+005C REVERSE SOLIDUS (\)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#newline"><i>newline</i></a> or EOF, set
     the number token's value to the number produced by interpreting the
     number token's representation as a base-10 number and emit it. Switch to
     the <a href="#data-state0"><i>data state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
     <p> Otherwise, <a href="#consume-an-escaped-character0"><i>consume an
      escaped character</i></a>. Create a dimension token with its
      representation set to the number token's representation, its value set
      to the number produced by interpreting the number token's representation
      as a base-10 number, and a unit initially set to the returned character.
      Switch to the <a href="#dimension-state0"><i>dimension state</i></a>.
    <dt>anything else
    <dd> Emit a number token with its value set to the number produced by
     interpreting the string token's value as a base-10 number. Switch to the
     <a href="#data-state0"><i>data state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
   </dl>
   <h4 id=dimension-state><span class=secno>4.4.15. </span> <dfn
    id=dimension-state0>Dimension state</dfn></h4>
   <!--
 		This state is currently always entered with a dimension token
 		having already been created and gotten over the "first valid character" hump,
 		so the dimension token is already ready to emit.
 		If this ever becomes not true, make the necessary additions here
 		or things will break.
 	-->
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt><a href="#name-character"><i>name character</i></a>
    <dd> Append the <a href="#current-input-character"><i>current input
     character</i></a> to the dimension token's unit. Remain in this state.
    <dt>U+005C REVERSE SOLIDUS (\)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#newline"><i>newline</i></a> or EOF, emit
     the dimension token. Switch to the <a href="#data-state0"><i>data
     state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
     <p> Otherwise, <a href="#consume-an-escaped-character0"><i>consume an
      escaped character</i></a>. Append the returned character to the
      dimension token's unit.
    <dt>anything else
    <dd> Emit the dimension token. Switch to the <a
     href="#data-state0"><i>data state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
   </dl>
   <h4 id=sci-notation-state><span class=secno>4.4.16. </span> <dfn
    id=sci-notation-state0>Sci-notation state</dfn></h4>
   <p> Set the number token's type flag to "number".
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt><a href="#digit"><i>digit</i></a>
    <dd> Append the <a href="#current-input-character"><i>current input
     character</i></a> to the number token's representation. Remain in this
     state.
    <dt>anything else
    <dd> Let <var>base</var> be the result of interpreting the portion of the
     number token's representation preceding the U+0045 LATIN CAPITAL LETTER E
     (E) or U+0065 LATIN SMALL LETTER E (e) as a base-10 number.
     <p> Let <var>power</var> be the result of interpreting the portion of the
      number token's representation following the U+0045 LATIN CAPITAL LETTER
      E (E) or U+0065 LATIN SMALL LETTER E (e) as a base-10 number.
     <p> Set the number token's value to <code><var>base</var> *
 <sup><var>power</var></sup></code>. If the number token's value is not
      an integer, set the number token's type flag to "number". Emit the
      number token. Switch to the <a href="#data-state0"><i>data
      state</i></a>. Reconsume the <a
      href="#current-input-character"><i>current input character</i></a>.
   </dl>
   <h4 id=url-state><span class=secno>4.4.17. </span> <dfn id=url-state0>URL
    state</dfn></h4>
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt>EOF
    <dd> This is a <i>parse error</i>. Emit a bad-url token. Switch to the <a
     href="#data-state0"><i>data state</i></a>.
    <dt>U+0022 QUOTATION MARK (")
    <dd> Switch to the <a href="#url-double-quote-state0"><i>url-double-quote
     state</i></a>.
    <dt>U+0027 APOSTROPHE (&apos;)
    <dd> Switch to the <a href="#url-single-quote-state0"><i>url-single-quote
     state</i></a>.
    <dt>U+0029 RIGHT PARENTHESIS ())
    <dd> Emit a url token with its value set to the empty string. Switch to
     the <a href="#data-state0"><i>data state</i></a>.
    <dt><a href="#whitespace"><i>whitespace</i></a>
    <dd> Remain in this state.
    <dt>anything else
    <dd> Switch to the <a href="#url-unquoted-state0"><i>url-unquoted
     state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
   </dl>
   <h4 id=url-double-quote-state><span class=secno>4.4.18. </span> <dfn
    id=url-double-quote-state0>URL-double-quote state</dfn></h4>
   <p> If a url token has not yet been created since entering this state,
    create a url token with its value initially set to the empty string.
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt>EOF
    <dd> This is a <i>parse error</i>. Emit a bad-url token. Switch to the <a
     href="#data-state0"><i>data state</i></a>.
    <dt>U+0022 QUOTATION MARK (")
    <dd> Switch to the <a href="#url-end-state0"><i>url-end state</i></a>.
    <dt><a href="#newline"><i>newline</i></a>
    <dd> This is a <i>parse error</i>. Switch to the <a
     href="#bad-url-state0"><i>bad-url state</i></a>.
    <dt>U+005C REVERSE SOLIDUS (\)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is EOF, this is a <i>parse error</i>. Emit a bad-url
     token. Switch to the <a href="#data-state0"><i>data state</i></a>.
     Reconsume the <a href="#current-input-character"><i>current input
     character</i></a>.
     <p> Otherwise, if the <a href="#next-input-character"><i>next input
      character</i></a> is a <a href="#newline"><i>newline</i></a>, consume it
      and remain in this state.
     <p> Otherwise, <a href="#consume-an-escaped-character0"><i>consume an
      escaped character</i></a>. Append the returned character to the url
      token's value. Remain in this state.
    <dt>anything else
    <dd> Append the <a href="#current-input-character"><i>current input
     character</i></a> to the url token's value. Remain in this state.
   </dl>
   <h4 id=url-single-quote-state><span class=secno>4.4.19. </span> <dfn
    id=url-single-quote-state0>URL-single-quote state</dfn></h4>
   <p> If a url token has not yet been created since entering this state,
    create a url token with its value initially set to the empty string.
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt>EOF
    <dd> This is a <i>parse error</i>. Emit a bad-url token. Switch to the <a
     href="#data-state0"><i>data state</i></a>.
    <dt>U+0027 APOSTROPHE (&apos;)
    <dd> Switch to the <a href="#url-end-state0"><i>url-end state</i></a>.
    <dt><a href="#newline"><i>newline</i></a>
    <dd> This is a <i>parse error</i>. Switch to the <a
     href="#bad-url-state0"><i>bad-url state</i></a>.
    <dt>U+005C REVERSE SOLIDUS (\)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is EOF, this is a <i>parse error</i>. Emit a bad-url
     token. Switch to the <a href="#data-state0"><i>data state</i></a>.
     Reconsume the <a href="#current-input-character"><i>current input
     character</i></a>.
     <p> Otherwise, if the <a href="#next-input-character"><i>next input
      character</i></a> is a <a href="#newline"><i>newline</i></a>, consume it
      and remain in this state.
     <p> Otherwise, <a href="#consume-an-escaped-character0"><i>consume an
      escaped character</i></a>. Append the returned character to the url
      token's value. Remain in this state.
    <dt>anything else
    <dd> Append the <a href="#current-input-character"><i>current input
     character</i></a> to the url token's value. Remain in this state.
   </dl>
   <h4 id=url-end-state><span class=secno>4.4.20. </span> <dfn
    id=url-end-state0>URL-end state</dfn></h4>
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt>EOF
    <dd> This is a <i>parse error</i>. Emit a bad-url token. Switch to the <a
     href="#data-state0"><i>data state</i></a>.
    <dt><a href="#whitespace"><i>whitespace</i></a>
    <dd> Remain in this state.
    <dt>U+0029 RIGHT PARENTHESIS ())
    <dd> Emit the url token. Switch to the <a href="#data-state0"><i>data
     state</i></a>.
    <dt>anything else
    <dd> This is a <i>parse error</i>. Switch to the <a
     href="#bad-url-state0"><i>bad-url state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
   </dl>
   <h4 id=url-unquoted-state><span class=secno>4.4.21. </span> <dfn
    id=url-unquoted-state0>URL-unquoted state</dfn></h4>
   <p> If a url token has not yet been created since entering this state,
    create a url token with its value initially set to the empty string.
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt>EOF
    <dd> This is a <i>parse error</i>. Emit a bad-url token. Switch to the <a
     href="#data-state0"><i>data state</i></a>.
    <dt><a href="#whitespace"><i>whitespace</i></a>
    <dd> Switch to the <a href="#url-end-state0"><i>url-end state</i></a>.
    <dt>U+0029 RIGHT PARENTHESIS ())
    <dd> Emit the url token. Switch to the <a href="#data-state0"><i>data
     state</i></a>.
    <dt>U+0022 QUOTATION MARK (")
    <dt>U+0027 APOSTROPHE (&apos;)
    <dt>U+0028 LEFT PARENTHESIS (()
    <dt><a href="#non-printable-character"><i>non-printable character</i></a>
    <dd> This is a <i>parse error</i>. Switch to the <a
     href="#bad-url-state0"><i>bad-url state</i></a>.
    <dt>U+005C REVERSE SOLIDUS
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#newline"><i>newline</i></a> or EOF, this
     is a <i>parse error</i>. Switch to the <a
     href="#bad-url-state0"><i>bad-url state</i></a>.
     <p> Otherwise, <a href="#consume-an-escaped-character0"><i>consume an
      escaped character</i></a>. Append the returned character to the url
      token's value. Remain in this state.
    <dt>anything else
    <dd> Append the <a href="#current-input-character"><i>current input
     character</i></a> to the url token's value. Remain in this state.
   </dl>
   <h4 id=bad-url-state><span class=secno>4.4.22. </span> <dfn
    id=bad-url-state0>Bad-URL state</dfn></h4>
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt>EOF
    <dd> This is a <i>parse error</i>. Emit a bad-url token. Switch to the <a
     href="#data-state0"><i>data state</i></a>.
    <dt>U+0029 RIGHT PARENTHESIS ())
    <dd> Emit a bad-url token. Switch to the <a href="#data-state0"><i>data
     state</i></a>.
    <dt>U+005C REVERSE SOLIDUS
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#newline"><i>newline</i></a> or EOF, do
     nothing and remain in this state.
     <p> Otherwise, <a href="#consume-an-escaped-character0"><i>consume an
      escaped character</i></a>. Remain in this state.
    <dt>anything else
    <dd> Do nothing. Remain in this state.
   </dl>
   <h4 id=unicode-range-state><span class=secno>4.4.23. </span> <dfn
    id=unicode-range-state0>Unicode-range state</dfn></h4>
   <p> Create a new unicode-range token with an empty range.
   <p> Consume as many <a href="#hex-digit"><i>hex digits</i></a> as possible,
    but no more than 6. If less than 6 <a href="#hex-digit"><i>hex
    digits</i></a> were consumed, consume as many U+003F QUESTION MARK (?)
    characters as possible, but no more than enough to make the total of <a
    href="#hex-digit"><i>hex digits</i></a> and U+003F QUESTION MARK (?)
    characters equal to 6.
   <p> If any U+003F QUESTION MARK (?) characters were consumed, first
    interpret the consumed characters as a hexadecimal number, with the U+003F
    QUESTION MARK (?) characters replaced by U+0030 DIGIT ZERO (0) characters.
    This is the <a href="#start-of-the-range"><i>start of the range</i></a>.
    Then interpret the consumed characters as a hexadecimal number again, with
    the U+003F QUESTION MARK (?) character replaced by U+0046 LATIN CAPITAL
    LETTER F (F) characters. This is the <a href="#end-of-the-range"><i>end of
    the range</i></a>. <a href="#set-the-unicode-range-tokens-range0"><i>Set
    the unicode-range token's range</i></a>, then emit it. Switch to the <a
    href="#data-state0"><i>data state</i></a>.
   <p> Otherwise, interpret the digits as a hexadecimal number. This is the <a
    href="#start-of-the-range"><i>start of the range</i></a>.
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt>U+002D HYPHEN-MINUS (-)
    <dd> If the <a href="#next-input-character"><i>next input
     character</i></a> is a <a href="#hex-digit"><i>hex digit</i></a>, consume
     as many <a href="#hex-digit"><i>hex digits</i></a> as possible, but no
     more than 6. Interpret the digits as a hexadecimal number. This is the <a
     href="#end-of-the-range"><i>end of the range</i></a>. <a
     href="#set-the-unicode-range-tokens-range0"><i>Set the unicode-range
     token's range</i></a>, then emit it. Switch to the <a
     href="#data-state0"><i>data state</i></a>.
     <p> Otherwise, <a href="#set-the-unicode-range-tokens-range0"><i>set the
      unicode-range token's range</i></a> and emit it. Switch to the <a
      href="#data-state0"><i>data state</i></a>. Reconsume the <a
      href="#current-input-character"><i>current input character</i></a>.
    <dt>anything else
    <dd> <a href="#set-the-unicode-range-tokens-range0"><i>Set the
     unicode-range token's range</i></a> and emit it. Switch to the <a
     href="#data-state0"><i>data state</i></a>. Reconsume the <a
     href="#current-input-character"><i>current input character</i></a>.
   </dl>
   <h3 id=consume-an-escaped-character><span class=secno>4.5. </span> <dfn
    id=consume-an-escaped-character0>Consume an escaped character</dfn></h3>
   <p> This section describes how to <a
    href="#consume-an-escaped-character0"><i>consume an escaped
    character</i></a>. It assumes that the U+005C REVERSE SOLIDUS (\) has
    already been consumed and that the next input character has already been
    verified to not be a <a href="#newline"><i>newline</i></a> or EOF. It will
    return a character.
   <p> Consume the <a href="#next-input-character"><i>next input
    character</i></a>.
   <dl>
    <dt><a href="#hex-digit"><i>hex digit</i></a>
    <dd> Consume as many <a href="#hex-digit"><i>hex digits</i></a> as
     possible, but no more than 5. <span class=note>Note that this means 1-6
     hex digits have been consumed in total.</span> If the <a
     href="#next-input-character"><i>next input character</i></a> is <a
     href="#whitespace"><i>whitespace</i></a>, consume it as well. Interpret
     the <a href="#hex-digit"><i>hex digits</i></a> as a hexadecimal number.
     If this number is zero, or is greater than the <a
     href="#maximum-allowed-codepoint"><i>maximum allowed codepoint</i></a>,
     return U+FFFD REPLACEMENT CHARACTER (�). Otherwise, return the
     character with that codepoint.
    <dt>anything else
    <dd> Return the <a href="#current-input-character"><i>current input
     character</i></a>.
   </dl>
   <h3 id=set-the-unicode-range-tokens-range><span class=secno>4.6. </span>
    <dfn id=set-the-unicode-range-tokens-range0>Set the unicode-range token's
    range</dfn></h3>
   <p> This section describes how to set a unicode-range token's range so that
    the range it describes is within the supported range of unicode
    characters.
   <p> It assumes that the <dfn id=start-of-the-range>start of the range</dfn>
    has been defined, the <dfn id=end-of-the-range>end of the range</dfn>
    might be defined, and both are non-negative integers.
   <p> If the <a href="#start-of-the-range"><i>start of the range</i></a> is
    greater than the <a href="#maximum-allowed-codepoint"><i>maximum allowed
    codepoint</i></a>, the unicode-range token's range is empty.
   <p> If the <a href="#end-of-the-range"><i>end of the range</i></a> is
    defined, and it is less than the <a href="#start-of-the-range"><i>start of
    the range</i></a>, the unicode-range token's range is empty.
   <p> If the <a href="#end-of-the-range"><i>end of the range</i></a> is not
    defined, the unicode-range token's range is the single character whose
    codepoint is the <a href="#start-of-the-range"><i>start of the
    range</i></a>.
   <p> Otherwise, if the <a href="#end-of-the-range"><i>end of the
    range</i></a> is greater than the <a
    href="#maximum-allowed-codepoint"><i>maximum allowed codepoint</i></a>,
    change it to the <a href="#maximum-allowed-codepoint"><i>maximum allowed
    codepoint</i></a>. The unicode-range token's range is all characters
    between the character whose codepoint is the <a
    href="#start-of-the-range"><i>start of the range</i></a> and the character
    whose codepoint is the <a href="#end-of-the-range"><i>end of the
    range</i></a>.
   <h3 id=changes-from-css-2.1-tokenizer><span class=secno>4.7. </span>
    Changes from CSS 2.1 Tokenizer</h3>
   <p> <em>This section is non-normative.</em>
   <p class=issue> Note that the point of this spec is to match reality;
    changes from CSS2.1&apos;s tokenizer are nearly always because the
    tokenizer specified something that doesn't match actual browser behavior,
    or left something unspecified. If some detail doesn't match browsers,
    please let me know as it's almost certainly unintentional.
   <ol>
    <li> The prefix-match, suffix-match, and substring-match tokens have been
     imported from Selectors 3.
    <li> The BAD-URI token (now bad-url) is "self-contained". In other words,
     once the tokenizer realizes it's in a bad-url rather than a url token, it
     just seeks forward to look for the closing ), ignoring everything else.
     This behavior is simpler than treating it like a FUNCTION token and
     paying attention to opened blocks and such. Only WebKit exhibits this
     behavior, but it doesn't appear that we've gotten any compat bugs from
     it.
    <li> The comma token has been added.
    <li> The number, percentage, and dimension tokens have been changed to
     include the preceding +/- sign as part of their value (rather than as a
     separate DELIM token that needs to be manually handled every time the
     token is mentioned in other specs). The only consequence of this is that
     comments can no longer be inserted between the sign and the number.
    <li> Some flags have been added for SVG-compatible tokenizing, so that a
     single state machine can be used for both "vanilla" and SVG CSS parsing.
    <li> Scientific notation is supported for numbers, per WG resolution.
   </ol>
   <!--
 PPPPPPPPPPPPPPPPP        AAA               RRRRRRRRRRRRRRRRR      SSSSSSSSSSSSSSS EEEEEEEEEEEEEEEEEEEEEERRRRRRRRRRRRRRRRR
 P::::::::::::::::P      A:::A              R::::::::::::::::R   SS:::::::::::::::SE::::::::::::::::::::ER::::::::::::::::R
 P::::::PPPPPP:::::P    A:::::A             R::::::RRRRRR:::::R S:::::SSSSSS::::::SE::::::::::::::::::::ER::::::RRRRRR:::::R
 PP:::::P     P:::::P  A:::::::A            RR:::::R     R:::::RS:::::S     SSSSSSSEE::::::EEEEEEEEE::::ERR:::::R     R:::::R
   P::::P     P:::::P A:::::::::A             R::::R     R:::::RS:::::S              E:::::E       EEEEEE  R::::R     R:::::R
   P::::P     P:::::PA:::::A:::::A            R::::R     R:::::RS:::::S              E:::::E               R::::R     R:::::R
   P::::PPPPPP:::::PA:::::A A:::::A           R::::RRRRRR:::::R  S::::SSSS           E::::::EEEEEEEEEE     R::::RRRRRR:::::R
   P:::::::::::::PPA:::::A   A:::::A          R:::::::::::::RR    SS::::::SSSSS      E:::::::::::::::E     R:::::::::::::RR
   P::::PPPPPPPPP A:::::A     A:::::A         R::::RRRRRR:::::R     SSS::::::::SS    E:::::::::::::::E     R::::RRRRRR:::::R
   P::::P        A:::::AAAAAAAAA:::::A        R::::R     R:::::R       SSSSSS::::S   E::::::EEEEEEEEEE     R::::R     R:::::R
   P::::P       A:::::::::::::::::::::A       R::::R     R:::::R            S:::::S  E:::::E               R::::R     R:::::R
   P::::P      A:::::AAAAAAAAAAAAA:::::A      R::::R     R:::::R            S:::::S  E:::::E       EEEEEE  R::::R     R:::::R
 PP::::::PP   A:::::A             A:::::A   RR:::::R     R:::::RSSSSSSS     S:::::SEE::::::EEEEEEEE:::::ERR:::::R     R:::::R
 P::::::::P  A:::::A               A:::::A  R::::::R     R:::::RS::::::SSSSSS:::::SE::::::::::::::::::::ER::::::R     R:::::R
 P::::::::P A:::::A                 A:::::A R::::::R     R:::::RS:::::::::::::::SS E::::::::::::::::::::ER::::::R     R:::::R
 PPPPPPPPPPAAAAAAA                   AAAAAAARRRRRRRR     RRRRRRR SSSSSSSSSSSSSSS   EEEEEEEEEEEEEEEEEEEEEERRRRRRRR     RRRRRRR
 -->
   <h2 id=parsing><span class=secno>5. </span> Parsing</h2>
   <p> The input to the parsing stage is a stream or list of tokens from the
    tokenization stage. The output depends on how the parser is invoked, as
    defined by the entry points listed later in this section. The parser
    output can consist of at-rules, qualified rules, and/or declarations.
   <p> The parser's output is constructed according to the fundamental syntax
    of CSS, without regards for the validity of any specific item.
    Implementations may check the validity of items as they are returned by
    the various parser algorithms and treat the algorithm as returning nothing
    if the item was invalid according to the implementation's own grammar
    knowledge, or may construct a full tree as specified and "clean up"
    afterwards by removing any invalid items.
   <p> The items that can appear in the tree are a mixture of basic tokens and
    new objects:
   <dl>
    <dt><dfn id=at-rule>at-rule</dfn>
    <dd> An at-rule has a name, a prelude consisting of a list of component
     values, and a value consisting of a list of at-rules, style rules, or
     declarations.
    <dt><dfn id=qualified-rule>qualified rule</dfn>
    <dd> A qualified rule has a prelude consisting of a list of component
     values, and a value consisting of a list of at-rules or declarations.
    <dt><dfn id=declaration>declaration</dfn>
    <dd> A declaration has a name, a value consisting of a list of component
     values, and an <var>important</var> flag which is initially unset.
    <dt><dfn id=component-value>component value</dfn>
    <dd> A component value is one of the preserved tokens, a function, or a
     simple block.
    <dt><dfn id=preserved-tokens>preserved tokens</dfn>
    <dd> Any token produced by the tokenizer except for function tokens, {
     tokens, ( tokens, and [ tokens.
     <p class=note> The non-preserved tokens listed above are always consumed
      into higher-level objects, either functions or simple blocks, and so
      never appear in any parser output themselves.
    <dt><dfn id=function>function</dfn>
    <dd> A function has a name and a list of arguments. Each argument is a
     list of component values.
    <dt><dfn id=simple-block>simple block</dfn>
    <dd> A simple block has an associated token (either a [, (, or { token)
     and a value consisting of a list of component values.
    <dt><dfn id=recognized-at-rule-name>recognized at-rule name</dfn>
    <dd> When the parser is invoked, it must be provided with a list of <a
     href="#recognized-at-rule-name"><i>recognized at-rule names</i></a>,
     where each name is additionally associated with whether the <a
     href="#at-rule"><i>at-rule</i></a> is <a
     href="#rule-filled"><i>rule-filled</i></a>, <a
     href="#declaration-filled"><i>declaration-filled</i></a>, or neither.
   </dl>
   <h3 id=parser-flags><span class=secno>5.1. </span> Parser Flags</h3>
   <dl>
    <dt>the <dfn id=quirks-mode>quirks mode</dfn> flag
    <dd> This flag is set when the host document is in quirks mode. When this
     is set, the parser allows <a
     href="#consume-a-component value-with-the-hashless-co">hash colors
     without the # character</a> and <a
     href="#consume-a-component value-with-the-unitless-le">pixel lengths
     without the ‘<code class=property>px</code>’ unit</a> in some
     circumstances.
   </dl>
   <h3 id=definitions0><span class=secno>5.2. </span> Definitions</h3>
   <dl>
    <dt><dfn id=current-input-token>current input token</dfn>
    <dd> The token currently being operated on, from the list of tokens
     produced by the tokenizer.
    <dt><dfn id=next-input-token>next input token</dfn>
    <dd> The token following the <a href="#current-input-token"><i>current
     input token</i></a> in the list of tokens produced by the tokenizer. If
     there isn't a token following the <a
     href="#current-input-token"><i>current input token</i></a>, the <a
     href="#next-input-token"><i>next input token</i></a> is an EOF token.
    <dt><dfn id=reconsume-the-current-input-token>reconsume the current input
     token</dfn>
    <dd> Push the current input token back onto the list of tokens produced by
     the tokenizer, so that the next time a mode instructs you to consume the
     next input token, it will instead reconsume the current input token.
    <dt><dfn id=rule-filled>rule-filled</dfn>
    <dd> An at-rule is <a href="#rule-filled"><i>rule-filled</i></a> if it is
     in the list of <i>recognized at-rules</i> and marked as such. This type
     of <a href="#at-rule"><i>at-rule</i></a> may have a prelude, and finishes
     with a <a href="#simple-block"><i>simple block</i></a> which contains <a
     href="#at-rule"><i>at-rules</i></a> and/or <a
     href="#qualified-rule"><i>qualified rules</i></a>. Examples of <a
     href="#rule-filled"><i>rule-filled</i></a> at-rules are ‘<code
     class=css>@media</code>’ and ‘<code class=css>@keyframes</code>’.
    <dt><dfn id=declaration-filled>declaration-filled</dfn>
    <dd> An at-rule is <a
     href="#declaration-filled"><i>declaration-filled</i></a> if it is in the
     list of <i>recognized at-rules</i> and marked as such. This type of <a
     href="#at-rule"><i>at-rule</i></a> may have a prelude, and finishes with
     a <a href="#simple-block"><i>simple block</i></a> which contains <a
     href="#at-rule"><i>at-rules</i></a> and/or <a
     href="#declaration"><i>declarations</i></a>. Examples of <a
     href="#declaration-filled"><i>declaration-filled</i></a> at-rules are
     ‘<code class=css>@font-face</code>’ and ‘<code
     class=css>@page</code>’.
    <dt><dfn id=ascii-case-insensitive>ASCII case-insensitive</dfn>
    <dd> When two strings are to be matched ASCII case-insensitively,
     temporarily convert both of them to ASCII lower-case form by adding 32
     (0x20) to the value of each codepoint between U+0041 LATIN CAPITAL LETTER
     A (A) and U+005A LATIN CAPITAL LETTER Z (Z), inclusive, and then compare
     them on a codepoint-by-codepoint basis.
   </dl>
   <h3 id=parser-entry-points><span class=secno>5.3. </span> Parser Entry
    Points</h3>
   <p> The algorithms defined in this specification can be invoked in multiple
    ways to convert a stream of text into various CSS concepts.
   <p> All of the algorithms defined in this section begin in the parser. It
    is assumed that the <a href="#preprocessing-the-input-stream">input
    preprocessing</a> and <a href="#tokenization">tokenization</a> steps have
    already been completed, resulting in a stream of tokens.
   <div class=issue>
    <p> The following notes should probably be translated into normative text
     in the relevant specs, hooking this spec's terms:
    <ul>
     <li> "<a href="#parse-a-stylesheet0"><i>Parse a stylesheet</i></a>" is
      intended to be the normal parser entry point, for parsing stylesheets.
     <li> "<a href="#parse-a-rule0"><i>Parse a rule</i></a>" is intended for
      use by the <code>CSSStyleSheet#insertRule</code> method, and similar
      functions which might exist, which parse text into a single rule.
     <li> "<a href="#parse-a-list-of-declarations0"><i>Parse a list of
      declarations</i></a>" is for the contents of a <code>style</code>
      attribute, which parses text into the contents of a single style rule.
     <li> Dunno about "<i>Parse a value</i>" yet. I'll remove it if I don't
      figure out what to do with it.
     <li> "<i>Parse a list of values</i>" is for the contents of
      presentational attributes, which parse text into a single declaration's
      value.
     <li> "<i>Parse a comma-separated list of values</i>" is similar, but for
      comma-separated lists.
    </ul>
    <p> Are there any other things somewhere where some tech (that isn't
     straight CSS itself) needs to parse some text into CSS?
   </div>
   <p> All of the algorithms defined in this spec may be called with either a
    list of tokens or of component values. Either way produces an identical
    result.
   <h4 id=parse-a-stylesheet><span class=secno>5.3.1. </span> <dfn
    id=parse-a-stylesheet0>Parse a stylesheet</dfn></h4>
   <p> To <a href="#parse-a-stylesheet0"><i>parse a stylesheet</i></a> from a
    stream of tokens:
   <ol>
    <li> Create a new stylesheet.
    <li> <a href="#consume-a-list-of-rules0"><i>Consume a list of
     rules</i></a> from the stream of tokens.
    <li> Assign the returned value to the stylesheet's value.
    <li> Return the stylesheet.
   </ol>
   <h4 id=parse-a-rule><span class=secno>5.3.2. </span> <dfn
    id=parse-a-rule0>Parse a rule</dfn></h4>
   <p> To <a href="#parse-a-rule0"><i>parse a rule</i></a> from a stream of
    tokens:
   <ol>
    <li> Consume whitespace tokens from the token stream until a
     non-whitespace token is encountered.
    <li> If the <a href="#current-input-token"><i>current input token</i></a>
     is a CDO token, CDC token, or EOF token, return a syntax error.
     <p> Otherwise, if the <a href="#current-input-token"><i>current input
      token</i></a> is an at-keyword token:
     <ul>
      <li> If the at-keyword token's name is on the list of <a
       href="#recognized-at-rule-name"><i>recognized at-rule names</i></a>,
       and the list indicates that it is a <a
       href="#rule-filled"><i>rule-filled</i></a> or <a
       href="#declaration-filled"><i>declaration-filled</i></a> at-rule, <a
       href="#consume-an-at-rule0"><i>consume an at-rule</i></a>. If nothing
       was returned, return a syntax error.
      <li> Otherwise, <a href="#consume-an-at-statement0"><i>consume an
       at-statement</i></a>. If nothing was returned, return a syntax error.
     </ul>
     <p> Otherwise, <a href="#consume-a-qualified-rule0"><i>consume a
      qualified rule</i></a>. If nothing was returned, return a syntax error.
    <li> Consume whitespace tokens from the token stream until a
     non-whitespace token is encountered.
    <li> If the <a href="#current-input-token"><i>current input token</i></a>
     is an EOF token, return the rule obtained in step 2. Otherwise, return a
     syntax error.
   </ol>
   <h4 id=parse-a-list-of-declarations><span class=secno>5.3.3. </span> <dfn
    id=parse-a-list-of-declarations0>Parse a list of declarations</dfn></h4>
   <p> To <a href="#parse-a-list-of-declarations0"><i>parse a list of
    declarations</i></a>:
   <ol>
    <li> <a href="#consume-a-list-of-declarations0"><i>Consume a list of
     declarations</i></a>. If anything was returned, return it.
   </ol>
   <h4 id=parse-a-component-value><span class=secno>5.3.4. </span> <dfn
    id=parse-a-component-value0>Parse a component value</dfn></h4>
   <p> To <a href="#parse-a-component-value0"><i>parse a component
    value</i></a>:
   <ol>
    <li> Discard whitespace tokens from the token stream until a
     non-whitespace token is reached. If the token stream is exhausted without
     finding a non-whitespace token, return a syntax error.
    <li> <a href="#consume-a-component-value0"><i>Consume a component
     value</i></a>. If nothing is returned, return a syntax error.
    <li> Discard whitespace tokens from the token stream until a
     non-whitespace token is reached. If the token stream is exhausted without
     finding a non-whitespace token, return the value found in the previous
     step. Otherwise, return a syntax error.
   </ol>
   <h4 id=parse-a-list-of-component-values><span class=secno>5.3.5. </span>
    <dfn id=parse-a-list-of-component-values0>Parse a list of component
    values</dfn></h4>
   <p> To <a href="#parse-a-list-of-component-values0"><i>parse a list of
    component values</i></a>:
   <ol>
    <li> Repeatedly <a href="#consume-a-component-value0"><i>consume a
     component value</i></a> until an EOF token is returned, appending the
     returned values into a list. Return the list.
   </ol>
   <h4 id=parse-a-comma-separated-list-of-componen><span class=secno>5.3.6.
    </span> <dfn id=parse-a-comma-separated-list-of-componen0>Parse a
    comma-separated list of component values</dfn></h4>
   <p> To <a href="#parse-a-comma-separated-list-of-componen0"><i>parse a
    comma-separated list of component values</i></a>:
   <ol>
    <li> Initialize <var>val</var> to an empty list, and <var>temp</var> to an
     empty list.
    <li> Repeatedly <a href="#consume-a-component-value0"><i>consume a
     component value</i></a>, appending the returned values to
     <var>temp</var>, until either a comma token or EOF token is returned.
    <li> If a comma token is encountered, do not append it to <var>temp</var>.
     Instead, append <var>temp</var> to <var>val</var>. Create a new
     <var>temp</var>, and return to step 2.
    <li> If an EOF token is encountered, append <var>temp</var> to
     <var>val</var>, and return <var>val</var>.
   </ol>
   <h4 id=parse-anb-notation><span class=secno>5.3.7. </span> <dfn
    id=parse-anb-notation0>Parse an+b notation</dfn></h4>
   <p> To <a href="#parse-anb-notation0"><i>parse an+b notation</i></a>:
   <p> Initialize an integer called <var>step</var> to 0, an integer called
    <var>offset</var> to 0, and a string called <var>repr</var> to the empty
    string.
   <p> Repeatedly consume the <a href="#next-input-token"><i>next input
    token</i></a> and process it as follows:
   <dl>
    <dt>ident token
    <dt>number token with its type flag set to "integer"
    <dt>dimension token
    <dd> Append the token's value, representation, or representation and unit,
     respectively, to <var>repr</var>.
    <dt>delim token with the value "+"
    <dd> Append U+002B PLUS SIGN (+) to <var>repr</var>.
    <dt>delim token with the value "-"
    <dd> Append U+002D HYPHEN-MINUS (-) to <var>repr</var>.
    <dt>whitespace token
    <dd> Append U+0020 SPACE ( ) to <var>repr</var>.
    <dt>EOF
    <dd> Continue to the next step of the algorithm.
    <dt>anything else
    <dd> This is a <i>parse error</i>. Return a syntax error.
   </dl>
   <p> Trim U+0020 SPACE ( ) characters from the front and back of
    <var>repr</var>, then process it as follows:
   <ol>
    <li> If <var>repr</var> is an <a href="#ascii-case-insensitive"><i>ASCII
     case-insensitive</i></a> match for the string "odd", set <var>step</var>
     to 2 and <var>offset</var> to 1.
    <li> Otherwise, if <var>repr</var> is an <a
     href="#ascii-case-insensitive"><i>ASCII case-insensitive</i></a> match
     for the string "even", set <var>step</var> to 2 and <var>offset</var> to
 .
    <li> Otherwise, if <var>repr</var> consists solely of <a
     href="#digit"><i>digits</i></a>, optionally prefixed with a single U+002B
     PLUS SIGN (+) or U+002D HYPHEN-MINUS (-), interpret <var>repr</var> as a
     base-10 number, and set <var>step</var> to the result.
    <li> Otherwise, if <var>repr</var> contains U+004E LATIN CAPITAL LETTER N
     (N), or U+006E LATIN SMALL LETTER N (n), split <var>repr</var> into two
     substrings composed respectively of the characters preceding and
     following the first such letter.
     <p> Interpret the first string as follows:
     <ul>
      <li> If the first string is empty, set <var>step</var> to 1.
      <li> Otherwise, if the first string consists solely of a single U+002B
       PLUS SIGN (+) or U+002D HYPHEN-MINUS (-), set <var>step</var> to 1 or
       -1, respectively.
      <li> Otherwise, if the first string consists solely of <a
       href="#digit"><i>digits</i></a>, optionally prefixed with a single
       U+002B PLUS SIGN (+) or U+002D HYPHEN-MINUS (-), interpret the first
       string as a base-10 number, and set <var>step</var> to the result.
      <li> Otherwise, this is a <i>parse error</i>; return a syntax error.
     </ul>
     <p> Interpret the second string as follows:
     <ul>
      <li> If the second string is empty, set <var>offset</var> to 0.
      <li> Otherwise, if the second string consists solely of 0 or more U+0020
       SPACE characters, optionally followed by a single U+002B PLUS SIGN (+)
       or U+002D HYPHEN-MINUS (-) character, followed by 0 or more U+0020
       SPACE characters, followed by 1 or more <a
       href="#digit"><i>digits</i></a>, interpret the digits as a base-10
       number. If there was a U+002D HYPHEN-MINUS (-) character, negate the
       result. Set <var>offset</var> to the result.
      <li> Otherwise, this is a <i>parse error</i>; return a syntax error.
     </ul>
    <li> Otherwise, this is a <i>parse error</i>; return a syntax error.
   </ol>
   <p> Return <var>step</var> and <var>offset</var>.
   <h3 id=parser-algorithms><span class=secno>5.4. </span> Parser Algorithms</h3>
   <p> The following algorithms comprise the parser. They are called by the
    parser entry points above.
   <p> These algorithms may be called with a list of either tokens or of
    component values. (The difference being that some tokens are replaced by
    <a href="#function"><i>functions</i></a> and <a
    href="#simple-block"><i>simple blocks</i></a> in a list of component
    values.) Similar to how the input stream returned EOF characters to
    represent when it was empty during the tokenization stage, the lists in
    this stage must return an EOF token when the next token is requested but
    they are empty.
   <p> An algorithm may be invoked with a specific list, in which case it
    consumes only that list (and when that list is exhausted, it begins
    returning EOF tokens). Otherwise, it is implicitly invoked with the same
    list as the invoking algorithm.
   <h4 id=consume-a-list-of-rules><span class=secno>5.4.1. </span> <dfn
    id=consume-a-list-of-rules0>Consume a list of rules</dfn></h4>
   <p> Create an initially empty list of rules.
   <p> Repeatedly consume the <a href="#next-input-token"><i>next input
    token</i></a>:
   <dl>
    <dt>cdo token
    <dt>cdc token
    <dt>whitespace token
    <dd> Do nothing.
    <dt>EOF token
    <dd> Return the list of rules.
    <dt>at-keyword token
    <dd> <a href="#reconsume-the-current-input-token"><i>Reconsume the current
     input token</i></a>. If the token's value is on the list of <a
     href="#recognized-at-rule-name"><i>recognized at-rule names</i></a>, and
     is noted as <a href="#rule-filled"><i>rule-filled</i></a> or <a
     href="#declaration-filled"><i>declaration-filled</i></a>, <a
     href="#consume-an-at-rule0"><i>consume an at-rule</i></a>; otherwise, <a
     href="#consume-an-at-statement0"><i>consume an at-statement</i></a>. If
     anything was returned, append it to the list of rules.
    <dt>anything else
    <dd> <a href="#reconsume-the-current-input-token"><i>Reconsume the current
     input token</i></a>. <a href="#consume-a-qualified-rule0"><i>Consume a
     qualified rule</i></a>. If anything is returned, append it to the list of
     rules
   </dl>
   <h4 id=consume-an-at-rule><span class=secno>5.4.2. </span> <dfn
    id=consume-an-at-rule0>Consume an at-rule</dfn></h4>
   <p> Create a new at-rule with its name set to the value of the <a
    href="#current-input-token"><i>current input token</i></a>, its prelude
    initially set to an empty list, and its value initially set to nothing.
   <p> Repeatedly consume the <a href="#next-input-token"><i>next input
    token</i></a>:
   <dl>
    <dt>{ token
    <dd> <a href="#consume-a-simple-block0"><i>Consume a simple block</i></a>.
     If the at-rule is <a href="#rule-filled"><i>rule-filled</i></a>, <a
     href="#consume-a-list-of-rules0"><i>consume a list of rules</i></a> from
     the block's value; otherwise, <a
     href="#consume-a-list-of-declarations0"><i>consume a list of
     declarations</i></a> from the block's value. If anything was returned,
     assign it to the at-rule's value. Return the at-rule.
    <dt><a href="#simple-block"><i>simple block</i></a> with an associated
     token of {
    <dd> If the at-rule is <a href="#rule-filled"><i>rule-filled</i></a>, <a
     href="#consume-a-list-of-rules0"><i>consume a list of rules</i></a> from
     the block's value; otherwise, <a
     href="#consume-a-list-of-declarations0"><i>consume a list of
     declarations</i></a> from the block's value. If anything was returned,
     assign it to the at-rule's value. Return the at-rule.
    <dt>EOF token
    <dd> This is a <i>parse error</i>. Return nothing.
    <dt>anything else
    <dd> <a href="#consume-a-component-value0"><i>Consume a component
     value</i></a>. Append the returned value to the at-rule's prelude.
   </dl>
   <h4 id=consume-an-at-statement><span class=secno>5.4.3. </span> <dfn
    id=consume-an-at-statement0>Consume an at-statement</dfn></h4>
   <p> Create a new at-rule with its name set to the value of the <a
    href="#current-input-token"><i>current input token</i></a>, its prelude
    initially set to an empty list, and its value set to nothing.
   <p> Repeatedly consume the <a href="#next-input-token"><i>next input
    token</i></a>:
   <dl>
    <dt>semicolon token
    <dt>EOF token
    <dd> Return the at-rule.
    <dt>anything else
    <dd> <a href="#consume-a-component-value0"><i>Consume a component
     value</i></a>. Append the returned value to the at-rule's prelude.
   </dl>
   <h4 id=consume-a-qualified-rule><span class=secno>5.4.4. </span> <dfn
    id=consume-a-qualified-rule0>Consume a qualified rule</dfn></h4>
   <p> Create a new qualified rule with its prelude initially set to an empty
    list, and its value initially set to nothing.
   <p> Repeatedly consume the <a href="#next-input-token"><i>next input
    token</i></a>:
   <dl>
    <dt>EOF token
    <dd> This is a <i>parse error</i>. Return nothing.
    <dt>{ token
    <dd> <a href="#consume-a-simple-block0"><i>Consume a simple block</i></a>.
     <a href="#consume-a-list-of-declarations0"><i>Consume a list of
     declarations</i></a> from the block's value. If anything was returned,
     assign it to the qualified rule's value. Return the qualified rule.
    <dt><a href="#simple-block"><i>simple block</i></a> with an associated
     token of {
    <dd> <a href="#consume-a-list-of-declarations0"><i>Consume a list of
     declarations</i></a> from the block's value. If anything was returned,
     assign it to the qualified rule's value. Return the qualified rule.
    <dt>anything else
    <dd> <a href="#consume-a-component-value0"><i>Consume a component
     value</i></a>. Append the returned value to the qualified rule's prelude.
   </dl>
   <h4 id=consume-a-list-of-declarations><span class=secno>5.4.5. </span> <dfn
    id=consume-a-list-of-declarations0>Consume a list of declarations</dfn></h4>
   <p> Create an initially empty list of declarations.
   <p> Repeatedly consume the <a href="#next-input-token"><i>next input
    token</i></a>:
   <dl>
    <dt>whitespace token
    <dt>semicolon token
    <dd> Do nothing.
    <dt>EOF token
    <dd> Return the list of declarations.
    <dt>at-keyword token
    <dd> <a href="#reconsume-the-current-input-token"><i>Reconsume the current
     input token</i></a>. If the token's value is on the list of <a
     href="#recognized-at-rule-name"><i>recognized at-rule names</i></a>, and
     is noted as <a href="#rule-filled"><i>rule-filled</i></a> or <a
     href="#declaration-filled"><i>declaration-filled</i></a>, <a
     href="#consume-an-at-rule0"><i>consume an at-rule</i></a>; otherwise, <a
     href="#consume-an-at-statement0"><i>consume an at-statement</i></a>. If
     anything was returned, append it to the list of declarations.
    <dt>ident token
    <dd> Initialize a temporary list initially filled with the <a
     href="#current-input-token"><i>current input token</i></a>. Repeatedly <a
     href="#consume-a-component-value0"><i>consume a component value</i></a>
     from the <a href="#next-input-token"><i>next input token</i></a> until a
     semicolon token or EOF token is returned, appending all of the returned
     values up to that point to the temporary list. <a
     href="#consume-a-declaration0"><i>Consume a declaration</i></a> from the
     temporary list. If anything was returned, append it to the list of
     declarations.
    <dt>anything else
    <dd> This is a <i>parse error</i>. Repeatedly consume the <a
     href="#next-input-token"><i>next input token</i></a> until it is a
     semicolon token or EOF token.
   </dl>
   <h4 id=consume-a-declaration><span class=secno>5.4.6. </span> <dfn
    id=consume-a-declaration0>Consume a declaration</dfn></h4>
   <p> Create a new declaration with its name set to the value of the <a
    href="#current-input-token"><i>current input token</i></a>.
   <p> Repeatedly consume whitespace tokens until a non-whitespace token is
    reached. If this token is anything but a colon token, this is a <i>parse
    error</i>. Return nothing.
   <p> Otherwise, repeatedly <a href="#consume-a-component-value0"><i>consume
    a component value</i></a> from the <a href="#next-input-token"><i>next
    input token</i></a> until an EOF token is reached, appending all of the
    returned values up to that point to the declaration's value.
   <p> If the last two non-whitespace tokens in the declaration's value are a
    delim token with the value "!" followed by an ident token with a value
    that is an <a href="#ascii-case-insensitive"><i>ASCII
    case-insensitive</i></a> match for "important", remove them from the
    declaration's value and set the declaration's <var>important</var> flag to
    true.
   <p> Return the declaration.
   <h4 id=consume-a-component-value><span class=secno>5.4.7. </span> <dfn
    id=consume-a-component-value0>Consume a component value</dfn></h4>
   <p> This section describes how to <a
    href="#consume-a-component-value0"><i>consume a component value</i></a>.
   <p> If the <a href="#current-input-token"><i>current input token</i></a> is
    a {, [, or ( token, <a href="#consume-a-simple-block0"><i>consume a simple
    block</i></a> and return it.
   <p> Otherwise, if the <a href="#current-input-token"><i>current input
    token</i></a> is a function token, <a
    href="#consume-a-function0"><i>consume a function</i></a> and return it.
   <p> Otherwise, return the <a href="#current-input-token"><i>current input
    token</i></a>.
   <h4 id=consume-a-component-value-with-the-hashl><span class=secno>5.4.8.
    </span> <dfn id=consume-a-component-value-with-the-hashl0>Consume a
    component value with the hashless color quirk</dfn></h4>
   <p> This section describes how to <a
    href="#consume-a-component-value-with-the-hashl0"><i>consume a component
    value with the hashless color quirk</i></a>.
   <p> The <dfn id=hashless-color-quirk-list>hashless color quirk list</dfn>
    contains the following property names:
   <ul>
    <li>‘<code class=property>background-color</code>’
    <li>‘<code class=property>border-color</code>’
    <li>‘<code class=property>border-top-color</code>’
    <li>‘<code class=property>border-right-color</code>’
    <li>‘<code class=property>border-bottom-color</code>’
    <li>‘<code class=property>border-left-color</code>’
    <li>‘<code class=property>color</code>’
   </ul>
   <p> If the <a href="#current-input-token"><i>current input token</i></a> is
    a number token, let <var>value</var> be the token's representation. If the
    <a href="#current-input-token"><i>current input token</i></a> is a
    dimension token, let <var>value</var> be the token's representation
    followed by the token's unit. If the <a
    href="#current-input-token"><i>current input token</i></a> is an ident
    token, let <var>value</var> be the token's value.
   <p> If <var>value</var> has a length of 3 or 6 and is composed solely of <a
    href="#hex-digit"><i>hex digits</i></a>, create a hash token with its
    value set to the <var>value</var> and return it.
   <p> Otherwise, <a href="#consume-a-component-value0"><i>consume a component
    value</i></a> and return the returned value.
   <h4 id=consume-a-component-value-with-the-unitl><span class=secno>5.4.9.
    </span> <dfn id=consume-a-component-value-with-the-unitl0>Consume a
    component value with the unitless length quirk</dfn></h4>
   <p> This section describes how to <a
    href="#consume-a-component-value-with-the-unitl0"><i>consume a component
    value with the unitless length quirk</i></a>.
   <p> The <dfn id=unitless-length-quirk-list>unitless length quirk list</dfn>
    contains the following property names:
   <ul>
    <li>‘<code class=property>border-top-width</code>’
    <li>‘<code class=property>border-right-width</code>’
    <li>‘<code class=property>border-bottom-width</code>’
    <li>‘<code class=property>border-left-width</code>’
    <li>‘<code class=property>border-width</code>’
    <li>‘<code class=property>bottom</code>’
    <li>‘<code class=property>font-size</code>’
    <li>‘<code class=property>height</code>’
    <li>‘<code class=property>left</code>’
    <li>‘<code class=property>letter-spacing</code>’
    <li>‘<code class=property>margin</code>’
    <li>‘<code class=property>margin-right</code>’
    <li>‘<code class=property>margin-left</code>’
    <li>‘<code class=property>margin-top</code>’
    <li>‘<code class=property>margin-bottom</code>’
    <li>‘<code class=property>padding</code>’
    <li>‘<code class=property>padding-top</code>’
    <li>‘<code class=property>padding-right</code>’
    <li>‘<code class=property>padding-bottom</code>’
    <li>‘<code class=property>padding-left</code>’
    <li>‘<code class=property>right</code>’
    <li>‘<code class=property>top</code>’
    <li>‘<code class=property>width</code>’
    <li>‘<code class=property>word-spacing</code>’
   </ul>
   <p> If the <a href="#current-input-token"><i>current input token</i></a> is
    a number token, create a dimension token with its value and representation
    set to the token's value and representation, and its unit set to "px".
    Return the dimension token.
   <p> Otherwise, <a href="#consume-a-component-value0"><i>consume a component
    value</i></a> and return the returned value.
   <h4 id=consume-a-simple-block><span class=secno>5.4.10. </span> <dfn
    id=consume-a-simple-block0>Consume a simple block</dfn></h4>
   <p> This section describes how to <a
    href="#consume-a-simple-block0"><i>consume a simple block</i></a>.
   <p> The <dfn id=ending-token>ending token</dfn> is the mirror variant of
    the <a href="#current-input-token"><i>current input token</i></a>. (E.g.
    if it was called with [, the <a href="#ending-token"><i>ending
    token</i></a> is ].)
   <p> Create a simple block with its associated token set to the <a
    href="#current-input-token"><i>current input token</i></a>.
   <p> Repeatedly consume the <a href="#next-input-token"><i>next input
    token</i></a> and process it as follows:
   <dl>
    <dt>EOF token
    <dt><a href="#ending-token"><i>ending token</i></a>
    <dd> Return the block.
    <dt>anything else
    <dd> <a href="#consume-a-component-value0"><i>Consume a component
     value</i></a> and append it to the value of the block.
   </dl>
   <h4 id=consume-a-function><span class=secno>5.4.11. </span> <dfn
    id=consume-a-function0>Consume a function</dfn></h4>
   <p> This section describes how to <a href="#consume-a-function0"><i>consume
    a function</i></a>.
   <p> Create a function with a name equal to the value of the <a
    href="#current-input-token"><i>current input token</i></a>, and an
    argument list which is initially empty. Create an argument, called the
    <dfn id=current-argument>current argument</dfn>, with a value which is
    initially an empty list.
   <p> Repeatedly consume the <a href="#next-input-token"><i>next input
    token</i></a> and process it as follows:
   <dl>
    <dt>EOF token
    <dt>) token
    <dd> Return the function.
    <dt>comma token
    <dd> Append the <a href="#current-argument"><i>current argument</i></a> to
     the function's argument list. Create a new <a
     href="#current-argument"><i>current argument</i></a> which is initially
     empty.
    <dt>number token
    <dd> If the <a href="#quirks-mode"><i>quirks mode</i></a> flag is set, and
     the function's name is as <a href="#ascii-case-insensitive"><i>ASCII
     case-insensitive</i></a> match with "rect", <a
     href="#consume-a-component-value-with-the-unitl0"><i>consume a component
     value with the unitless length quirk</i></a>. If anything was returned,
     append the returned value to the value of the <a
     href="#current-argument"><i>current argument</i></a>; otherwise, set the
     <var>valid</var> flag to false.
     <p> Otherwise, <a href="#consume-a-component-value0"><i>consume a
      component value</i></a>. If anything was returned, append the returned
      value to the value of the <a href="#current-argument"><i>current
      argument</i></a>; otherwise, set the <var>valid</var> flag to false.
    <dt>anything else
    <dd> <a href="#consume-a-component-value0"><i>Consume a component
     value</i></a> and append the returned value to the value of the <a
     href="#current-argument"><i>current argument</i></a>.
   </dl>
   <h3 id=changes-from-css-2.1-core-grammar><span class=secno>5.5. </span>
    Changes from CSS 2.1 Core Grammar</h3>
   <p> <em>This section is non-normative.</em>
   <p class=issue> Note that the point of this spec is to match reality;
    changes from CSS2.1&apos;s Core Grammar are nearly always because the Core
    Grammar specified something that doesn't match actual browser behavior, or
    left something unspecified. If some detail doesn't match browsers, please
    let me know as it's almost certainly unintentional.
   <ol>
    <li> The handling of some miscellanous "special" tokens (like an unmatched
     } token) showing up in various places in the grammar has been specified
     with some reasonable behavior shown by at least one browser. Previously,
     stylesheets with those tokens in those places just didn't match the
     stylesheet grammar at all, so their handling was totally undefined.
     Specifically:
     <ul>
      <li> [] blocks, () blocks and functions can now contain {} blocks,
       at-keywords or semicolons
      <li> Selectors can now contain semicolons
      <li> Selectors and at-rule preludes can now contain at-keywords
     </ul>
    <li> Quirks mode parsing differences are now officially recognized in the
     parser.
   </ol>
   <h2 id=serialization><span class=secno>6. </span>Serialization</h2>
   <p> This specification does not define how to serialize CSS in general,
    leaving that task to the CSSOM and individual feature specifications.
    However, there is one important facet that must be specified here
    regarding comments, to ensure accurate "round-tripping" of data from text
    to CSS objects and back.
   <p> The tokenizer described in this specification does not produce tokens
    for comments, or otherwise preserve them in any way. Implementations may
    preserve the contents of comments and their location in the token stream.
    If they do, this preserved information must have no effect on the parsing
    step, but must be serialized in its position as "/*" followed by its
    contents followed by "*/".
   <p> If the implementation does not preserve comments, it must insert the
    text "/**/" between the serialization of adjacent tokens when the two
    tokens are of the following pairs:
   <ul>
    <li> hash or at-keyword token followed by a number, percentage, ident,
     dimension, unicode-range, url, or a function token;
    <li> number, ident, and dimension tokens in any combination;
    <li> number, ident, or dimension token followed by a percentage,
     unicode-range, url, or function token;
    <li> ident token followed by a ( token;
    <li> a delim token containing "#" or "@" followed by any token except
     whitespace;
    <li> a delim token containing "-", "+", ".", "&lt;", ">", or "!" following
     or followed by any token except whitespace;
    <li> a delim token containing "/" following or followed by a delim token
     containing "*".
   </ul>
   <p class=note> The preceding pairs of tokens can only be adjacent due to
    comments in the original text, so the above rule reinserts the minimum
    number of comments into the serialized text to ensure an accurate
    round-trip. (Roughly. The delim token rules are slightly too powerful, for
    simplicity.) <!--
 TTTTTTTTTTTTTTTTTTTTTTTHHHHHHHHH     HHHHHHHHHEEEEEEEEEEEEEEEEEEEEEE
 T:::::::::::::::::::::TH:::::::H     H:::::::HE::::::::::::::::::::E
 T:::::::::::::::::::::TH:::::::H     H:::::::HE::::::::::::::::::::E
 T:::::TT:::::::TT:::::THH::::::H     H::::::HHEE::::::EEEEEEEEE::::E
 TTTTTT  T:::::T  TTTTTT  H:::::H     H:::::H    E:::::E       EEEEEE
         T:::::T          H:::::H     H:::::H    E:::::E
         T:::::T          H::::::HHHHH::::::H    E::::::EEEEEEEEEE
         T:::::T          H:::::::::::::::::H    E:::::::::::::::E
         T:::::T          H:::::::::::::::::H    E:::::::::::::::E
         T:::::T          H::::::HHHHH::::::H    E::::::EEEEEEEEEE
         T:::::T          H:::::H     H:::::H    E:::::E
         T:::::T          H:::::H     H:::::H    E:::::E       EEEEEE
       TT:::::::TT      HH::::::H     H::::::HHEE::::::EEEEEEEE:::::E
       T:::::::::T      H:::::::H     H:::::::HE::::::::::::::::::::E
       T:::::::::T      H:::::::H     H:::::::HE::::::::::::::::::::E
       TTTTTTTTTTT      HHHHHHHHH     HHHHHHHHHEEEEEEEEEEEEEEEEEEEEEE
 EEEEEEEEEEEEEEEEEEEEEENNNNNNNN        NNNNNNNNDDDDDDDDDDDDD
 E::::::::::::::::::::EN:::::::N       N::::::ND::::::::::::DDD
 E::::::::::::::::::::EN::::::::N      N::::::ND:::::::::::::::DD
 EE::::::EEEEEEEEE::::EN:::::::::N     N::::::NDDD:::::DDDDD:::::D
   E:::::E       EEEEEEN::::::::::N    N::::::N  D:::::D    D:::::D
   E:::::E             N:::::::::::N   N::::::N  D:::::D     D:::::D
   E::::::EEEEEEEEEE   N:::::::N::::N  N::::::N  D:::::D     D:::::D
   E:::::::::::::::E   N::::::N N::::N N::::::N  D:::::D     D:::::D
   E:::::::::::::::E   N::::::N  N::::N:::::::N  D:::::D     D:::::D
   E::::::EEEEEEEEEE   N::::::N   N:::::::::::N  D:::::D     D:::::D
   E:::::E             N::::::N    N::::::::::N  D:::::D     D:::::D
   E:::::E       EEEEEEN::::::N     N:::::::::N  D:::::D    D:::::D
 EE::::::EEEEEEEE:::::EN::::::N      N::::::::NDDD:::::DDDDD:::::D
 E::::::::::::::::::::EN::::::N       N:::::::ND:::::::::::::::DD
 E::::::::::::::::::::EN::::::N        N::::::ND::::::::::::DDD
 EEEEEEEEEEEEEEEEEEEEEENNNNNNNN         NNNNNNNDDDDDDDDDDDDD
 -->
   <h2 id=conformance><span class=secno>7. </span> Conformance</h2>
   <h3 id=conventions><span class=secno>7.1. </span> Document conventions</h3>
   <p>Conformance requirements are expressed with a combination of descriptive
    assertions and RFC 2119 terminology. The key words “MUST”, “MUST
    NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, “SHOULD”,
    “SHOULD NOT”, “RECOMMENDED”, “MAY”, and “OPTIONAL” in the
    normative parts of this document are to be interpreted as described in RFC
 . However, for readability, these words do not appear in all uppercase
    letters in this specification.
   <p>All of the text of this specification is normative except sections
    explicitly marked as non-normative, examples, and notes. <a
    href="#RFC2119" rel=biblioentry>[RFC2119]<!--{{!RFC2119}}--></a>
   <p>Examples in this specification are introduced with the words “for
    example” or are set apart from the normative text with
    <code>class="example"</code>, like this:
   <div class=example>
    <p>This is an example of an informative example.
   </div>
   <p>Informative notes begin with the word “Note” and are set apart from
    the normative text with <code>class="note"</code>, like this:
   <p class=note>Note, this is an informative note.
   <h3 id=conformance-classes><span class=secno>7.2. </span> Conformance
    classes</h3>
   <p>Conformance to CSS Syntax Module Level 3 is defined for three
    conformance classes:
   <dl>
    <dt><dfn id=style-sheet title="style sheet!!as conformance class">style
     sheet</dfn>
    <dd>A <a href="http://www.w3.org/TR/CSS21/conform.html#style-sheet">CSS
     style sheet</a>.
    <dt><dfn id=renderer>renderer</dfn>
    <dd>A <a href="http://www.w3.org/TR/CSS21/conform.html#user-agent">UA</a>
     that interprets the semantics of a style sheet and renders documents that
     use them.
    <dt><dfn id=authoring-tool>authoring tool</dfn>
    <dd>A <a href="http://www.w3.org/TR/CSS21/conform.html#user-agent">UA</a>
     that writes a style sheet.
   </dl>
   <p>A style sheet is conformant to CSS Syntax Module Level 3 if it is
    syntactically valid according to this module.
   <p>A renderer is conformant to CSS Syntax Module Level 3 if it parses a
    stylesheet according to this module.
   <p>An authoring tool is conformant to CSS Syntax Module Level 3 if it
    writes style sheets that are syntactically valid according to this module.
   <h2 class=no-num id=acknowledgments> Acknowledgments</h2>
   <p> Thanks for feedback and contributions from David Baron, 呂康豪
    (Kang-Hao Lu), and Simon Sapin.
   <h2 class=no-num id=references> References</h2>
   <h3 class=no-num id=normative-references> Normative references</h3>
   <!--begin-normative-->
   <!-- Sorted by label -->
   <dl class=bibliography>
    <dt style="display: none"><!-- keeps the doc valid if the DL is empty -->
     <!---->
    <dt id=RFC2119>[RFC2119]
    <dd>S. Bradner. <a href="http://www.ietf.org/rfc/rfc2119.txt"><cite>Key
     words for use in RFCs to Indicate Requirement Levels.</cite></a> Internet
     RFC 2119. URL: <a
     href="http://www.ietf.org/rfc/rfc2119.txt">http://www.ietf.org/rfc/rfc2119.txt</a>
    </dd>
    <!---->
   </dl>
   <!--end-normative-->
   <h3 class=no-num id=other-references> Other references</h3>
   <!--begin-informative-->
   <!-- Sorted by label -->
   <dl class=bibliography>
    <dt style="display: none"><!-- keeps the doc valid if the DL is empty -->
     <!---->
   </dl>
   <!--end-informative-->
   <h2 class=no-num id=index> Index</h2>
   <!--begin-index-->
   <ul class=indexlist>
    <li>ASCII case-insensitive, <a href="#ascii-case-insensitive"
     title="section 5.2."><strong>5.2.</strong></a>
    <li>At-keyword-rest state, <a href="#at-keyword-rest-state0"
     title="section 4.4.8."><strong>4.4.8.</strong></a>
    <li>At-keyword state, <a href="#at-keyword-state0"
     title="section 4.4.7."><strong>4.4.7.</strong></a>
    <li>at-rule, <a href="#at-rule"
     title="section 5."><strong>5.</strong></a>, <a href="#at-rules"
     title="section 2."><strong>2.</strong></a>
    <li>authoring tool, <a href="#authoring-tool"
     title="section 7.2."><strong>7.2.</strong></a>
    <li>Bad-URL state, <a href="#bad-url-state0"
     title="section 4.4.22."><strong>4.4.22.</strong></a>
    <li>Comment state, <a href="#comment-state0"
     title="section 4.4.6."><strong>4.4.6.</strong></a>
    <li>component value, <a href="#component-value"
     title="section 5."><strong>5.</strong></a>
    <li>Consume a component value, <a href="#consume-a-component-value0"
     title="section 5.4.7."><strong>5.4.7.</strong></a>
    <li>Consume a component value with the hashless color quirk, <a
     href="#consume-a-component-value-with-the-hashl0"
     title="section 5.4.8."><strong>5.4.8.</strong></a>
    <li>Consume a component value with the unitless length quirk, <a
     href="#consume-a-component-value-with-the-unitl0"
     title="section 5.4.9."><strong>5.4.9.</strong></a>
    <li>Consume a declaration, <a href="#consume-a-declaration0"
     title="section 5.4.6."><strong>5.4.6.</strong></a>
    <li>Consume a function, <a href="#consume-a-function0"
     title="section 5.4.11."><strong>5.4.11.</strong></a>
    <li>Consume a list of declarations, <a
     href="#consume-a-list-of-declarations0"
     title="section 5.4.5."><strong>5.4.5.</strong></a>
    <li>Consume a list of rules, <a href="#consume-a-list-of-rules0"
     title="section 5.4.1."><strong>5.4.1.</strong></a>
    <li>Consume an at-rule, <a href="#consume-an-at-rule0"
     title="section 5.4.2."><strong>5.4.2.</strong></a>
    <li>Consume an at-statement, <a href="#consume-an-at-statement0"
     title="section 5.4.3."><strong>5.4.3.</strong></a>
    <li>Consume an escaped character, <a href="#consume-an-escaped-character0"
     title="section 4.5."><strong>4.5.</strong></a>
    <li>Consume a qualified rule, <a href="#consume-a-qualified-rule0"
     title="section 5.4.4."><strong>5.4.4.</strong></a>
    <li>Consume a simple block, <a href="#consume-a-simple-block0"
     title="section 5.4.10."><strong>5.4.10.</strong></a>
    <li>current argument, <a href="#current-argument"
     title="section 5.4.11."><strong>5.4.11.</strong></a>
    <li>current input character, <a href="#current-input-character"
     title="section 3.2.1."><strong>3.2.1.</strong></a>
    <li>current input token, <a href="#current-input-token"
     title="section 5.2."><strong>5.2.</strong></a>
    <li>Data state, <a href="#data-state0"
     title="section 4.4.1."><strong>4.4.1.</strong></a>
    <li>declaration, <a href="#declaration"
     title="section 5."><strong>5.</strong></a>
    <li>declaration-filled, <a href="#declaration-filled"
     title="section 5.2."><strong>5.2.</strong></a>
    <li>decode, <a href="#decode"
     title="section 3.2."><strong>3.2.</strong></a>
    <li>digit, <a href="#digit" title="section 4.3."><strong>4.3.</strong></a>
    <li>Dimension state, <a href="#dimension-state0"
     title="section 4.4.15."><strong>4.4.15.</strong></a>
    <li>Double-quote-string state, <a href="#double-quote-string-state0"
     title="section 4.4.2."><strong>4.4.2.</strong></a>
    <li>ending token, <a href="#ending-token"
     title="section 5.4.10."><strong>5.4.10.</strong></a>
    <li>end of the range, <a href="#end-of-the-range"
     title="section 4.6."><strong>4.6.</strong></a>
    <li>function, <a href="#function"
     title="section 5."><strong>5.</strong></a>
    <li>get an encoding, <a href="#get-an-encoding"
     title="section 3.2."><strong>3.2.</strong></a>
    <li>hashless color quirk list, <a href="#hashless-color-quirk-list"
     title="section 5.4.8."><strong>5.4.8.</strong></a>
    <li>Hash-rest state, <a href="#hash-rest-state0"
     title="section 4.4.5."><strong>4.4.5.</strong></a>
    <li>Hash state, <a href="#hash-state0"
     title="section 4.4.4."><strong>4.4.4.</strong></a>
    <li>hex digit, <a href="#hex-digit"
     title="section 4.3."><strong>4.3.</strong></a>
    <li>Ident-rest state, <a href="#ident-rest-state0"
     title="section 4.4.10."><strong>4.4.10.</strong></a>
    <li>Ident state, <a href="#ident-state0"
     title="section 4.4.9."><strong>4.4.9.</strong></a>
    <li>letter, <a href="#letter"
     title="section 4.3."><strong>4.3.</strong></a>
    <li>lowercase letter, <a href="#lowercase-letter"
     title="section 4.3."><strong>4.3.</strong></a>
    <li>maximum allowed codepoint, <a href="#maximum-allowed-codepoint"
     title="section 4.3."><strong>4.3.</strong></a>
    <li>name character, <a href="#name-character"
     title="section 4.3."><strong>4.3.</strong></a>
    <li>name-start character, <a href="#name-start-character"
     title="section 4.3."><strong>4.3.</strong></a>
    <li>newline, <a href="#newline"
     title="section 4.3."><strong>4.3.</strong></a>
    <li>next input character, <a href="#next-input-character"
     title="section 3.2.1."><strong>3.2.1.</strong></a>
    <li>next input token, <a href="#next-input-token"
     title="section 5.2."><strong>5.2.</strong></a>
    <li>non-ASCII character, <a href="#non-ascii-character"
     title="section 4.3."><strong>4.3.</strong></a>
    <li>non-printable character, <a href="#non-printable-character"
     title="section 4.3."><strong>4.3.</strong></a>
    <li>Number-fraction state, <a href="#number-fraction-state0"
     title="section 4.4.14."><strong>4.4.14.</strong></a>
    <li>Number-rest state, <a href="#number-rest-state0"
     title="section 4.4.13."><strong>4.4.13.</strong></a>
    <li>Number state, <a href="#number-state0"
     title="section 4.4.12."><strong>4.4.12.</strong></a>
    <li>Parse a comma-separated list of component values, <a
     href="#parse-a-comma-separated-list-of-componen0"
     title="section 5.3.6."><strong>5.3.6.</strong></a>
    <li>Parse a component value, <a href="#parse-a-component-value0"
     title="section 5.3.4."><strong>5.3.4.</strong></a>
    <li>Parse a list of component values, <a
     href="#parse-a-list-of-component-values0"
     title="section 5.3.5."><strong>5.3.5.</strong></a>
    <li>Parse a list of declarations, <a href="#parse-a-list-of-declarations0"
     title="section 5.3.3."><strong>5.3.3.</strong></a>
    <li>Parse an+b notation, <a href="#parse-anb-notation0"
     title="section 5.3.7."><strong>5.3.7.</strong></a>
    <li>Parse a rule, <a href="#parse-a-rule0"
     title="section 5.3.2."><strong>5.3.2.</strong></a>
    <li>Parse a stylesheet, <a href="#parse-a-stylesheet0"
     title="section 5.3.1."><strong>5.3.1.</strong></a>
    <li>preserved tokens, <a href="#preserved-tokens"
     title="section 5."><strong>5.</strong></a>
    <li>qualified rule, <a href="#qualified-rule"
     title="section 5."><strong>5.</strong></a>
    <li>quirks mode, <a href="#quirks-mode"
     title="section 5.1."><strong>5.1.</strong></a>
    <li>recognized at-rule name, <a href="#recognized-at-rule-name"
     title="section 5."><strong>5.</strong></a>
    <li>reconsume the current input token, <a
     href="#reconsume-the-current-input-token"
     title="section 5.2."><strong>5.2.</strong></a>
    <li>renderer, <a href="#renderer"
     title="section 7.2."><strong>7.2.</strong></a>
    <li>rule-filled, <a href="#rule-filled"
     title="section 5.2."><strong>5.2.</strong></a>
    <li>Sci-notation state, <a href="#sci-notation-state0"
     title="section 4.4.16."><strong>4.4.16.</strong></a>
    <li>Set the unicode-range token's range, <a
     href="#set-the-unicode-range-tokens-range0"
     title="section 4.6."><strong>4.6.</strong></a>
    <li>simple block, <a href="#simple-block"
     title="section 5."><strong>5.</strong></a>
    <li>Single-quote-string state, <a href="#single-quote-string-state0"
     title="section 4.4.3."><strong>4.4.3.</strong></a>
    <li>start of the range, <a href="#start-of-the-range"
     title="section 4.6."><strong>4.6.</strong></a>
    <li>style rule, <a href="#style-rule"
     title="section 2."><strong>2.</strong></a>
    <li>style sheet
     <ul>
      <li>as conformance class, <a href="#style-sheet"
       title="section 7.2."><strong>7.2.</strong></a>
     </ul>
    <li>transform function whitespace, <a
     href="#transform-function-whitespace"
     title="section 4.2."><strong>4.2.</strong></a>
    <li>Transform-function-whitespace state, <a
     href="#transform-function-whitespace-state0"
     title="section 4.4.11."><strong>4.4.11.</strong></a>
    <li>Unicode-range state, <a href="#unicode-range-state0"
     title="section 4.4.23."><strong>4.4.23.</strong></a>
    <li>unitless length quirk list, <a href="#unitless-length-quirk-list"
     title="section 5.4.9."><strong>5.4.9.</strong></a>
    <li>uppercase letter, <a href="#uppercase-letter"
     title="section 4.3."><strong>4.3.</strong></a>
    <li>URL-double-quote state, <a href="#url-double-quote-state0"
     title="section 4.4.18."><strong>4.4.18.</strong></a>
    <li>URL-end state, <a href="#url-end-state0"
     title="section 4.4.20."><strong>4.4.20.</strong></a>
    <li>URL-single-quote state, <a href="#url-single-quote-state0"
     title="section 4.4.19."><strong>4.4.19.</strong></a>
    <li>URL state, <a href="#url-state0"
     title="section 4.4.17."><strong>4.4.17.</strong></a>
    <li>URL-unquoted state, <a href="#url-unquoted-state0"
     title="section 4.4.21."><strong>4.4.21.</strong></a>
    <li>whitespace, <a href="#whitespace"
     title="section 4.3."><strong>4.3.</strong></a>
   </ul>
   <!--end-index-->
   <h2 class=no-num id=property-index> Property index</h2>
   <!--begin-properties-->
   <table class=proptable>
    <thead>
     <tr>
      <th>Property
      <th>Values
      <th>Initial
      <th>Applies to
      <th>Inh.
      <th>Percentages
      <th>Media
    <tbody>
   </table>
   <!--end-properties-->
 </html>
 <!-- Keep this comment at the end of the file
 Local variables:
 mode: sgml
 sgml-declaration:"~/SGML/HTML4.decl"
 sgml-default-doctype-name:"html"
 sgml-minimize-attributes:t
 sgml-nofill-elements:("pre" "style" "br")
 sgml-live-element-indicator:t
 sgml-omittag:nil
 sgml-shorttag:nil
 sgml-namecase-general:t
 sgml-general-insert-case:lower
 sgml-always-quote-attributes:t
 sgml-indent-step:nil
 sgml-indent-data:t
 sgml-parent-document:nil
 sgml-exposed-tags:nil
 sgml-local-catalogs:nil
 sgml-local-ecat-files:nil
 End:
 -->

Mercurial > drafts / annotate

css3-syntax/Overview.html@550ce5a48ffb (annotated)

css3-syntax/Overview.html