tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

matching-brackets-001.xht (1883B)


      1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
      2                       "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
      3 <html xmlns="http://www.w3.org/1999/xhtml">
      4  <head>
      5   <title>CSS Test: Matching brackets and quotes for @rules</title>
      6   <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
      7   <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
      8   <link rel="help" href="http://www.w3.org/TR/CSS21/media.html#at-media-rule"/>
      9   <link rel="match" href="matching-brackets-001-ref.xht"/>
     10   <meta name="flags" content="invalid"/>
     11   <meta name="assert" content="User agents must handle unexpected tokens
     12     encountered while parsing an at-rule by reading until the end of the
     13     statement, while observing the rules for matching pairs of brackets
     14     and quotes, and correctly handling escapes. "/>
     15   <style type="text/css"><![CDATA[
     16     p {
     17       color: red;
     18       background: red;
     19     }
     20     #semicolon { background: transparent; }
     21     @foo ] } ) test-token \
     22      ~ ` ! @ # $ % ^ & * - _ + = | : > < ? / , .
     23      [\]\5D ']' "]"; # { background: red; } ]
     24      (\)\29 ')' ")"; #semicolon { background: red; } } } } )
     25      '; #semicolon { background: red; } } } }',
     26      "; #semicolon { background: red; }' } } }"
     27     ;
     28     #semicolon { color: green; }
     29     #block { background: transparent; }
     30     @foo ] } ) test-token \
     31      ~ ` ! @ # $ % ^ & * - _ + = | : > < ? / , .
     32      [\]\5D ']' "]"; #block { background: red; } ]
     33      (\)\29 ')' ")"; #block { background: red; } )
     34      '\'; #block { background: red; }',
     35      "\"; #block { background: red; }'"
     36      {\}\79 '}' "}"; #block { background: red; }
     37         #block { background: red; } }
     38     #block { color: green; }
     39   ]]></style>
     40  </head>
     41  <body>
     42   <p id="semicolon">This sentence must be green.</p>
     43   <p id="block">This sentence must be green.</p>
     44  </body>
     45 </html>