<!-- This Source Code Form is subject to the terms of the Mozilla Public - License, v. 2.0. If a copy of the MPL was not distributed with this - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> <!-- Test originally from http://www.hixie.ch/tests/adhoc/css/quotes/001.xml , relicensed to MPL/LGPL/GPL tri-license per Hixie's permission on IRC, March 5, 2009, and upgraded to MPL 2. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS and Quotes: Counting Right (Slightly Simpler Version)</title> <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" /> <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes"/> <meta name="flags" content="" /> <style type="text/css"> <![CDATA[ .party1 * { display: inline; } .party1 .a { quotes: "Isn" "'" "t" "FAIL!" "FAIL!" " i"; } .party1 .b { quotes: "" "FAIL!!" " wonderful" "!!!" " to " " work" "see " " [FAIL to]" "C" "quotes" "S" " "; } .party1 .c { quotes: none; } .party1 .d { quotes: "FAIL!" "FAIL!" "FAIL!" "FAIL!" "" ""; } .test { margin-left: 2em; } .test .no-open:before { content: no-open-quote; } .test .open:before { content: open-quote; } .test .triple-open:before { content: open-quote open-quote open-quote; } .test .no-close:after { content: no-close-quote; } .test .triple-no-close:after { content: no-close-quote no-close-quote no-close-quote; } .test .close:after { content: close-quote; } .test .triple-close:after { content: close-quote close-quote close-quote; } .test .no-close-open:before { content: no-close-quote open-quote; } ]]> </style> </head> <body> <!-- this is the same as the 002.xml version except the <br> and <hr> nodes are <div>s. --> <!-- Isn't it wonderful to see CSS quotes work!!! --><div class="test c party1"><!-- c 0 --><div class="a open close"><!-- open a 1 isn --></div><!-- close a 0 ' --><div class="a"><!-- a 0 --><div class="c open"><!-- open c 1 --><div class="a open"><!-- open a 2 t --></div><!-- a 2 --></div><!-- c 2 --><div class="no-open close"><!-- a 3 [FAIL!] --></div><!-- close a 2 i --></div><!-- a 2 --><div class="no-close-open no-close a"><!-- a 2 [FAIL!] t --></div><!-- close a 1 --><div class="d no-open no-close"><!-- open d 2 [FAIL!] --><div class="open close"><!-- open d 3 --><div class="open close"><!-- open d 4 --></div><!-- close d 3 --></div><!-- close d 2 --></div><!-- close d 1 [FAIL!] --><div class="b no-close"><!-- b 1 --><div class="triple-no-close"/><!-- close b 0 [FAIL!!] --><div class="triple-open"/><!-- open x 3 b 3 "", "wonderful ", "to " --><div class="triple-open"/><!-- open x 3 b 6 "see ", "C", "S" --><div class="open close"><!-- open b 7 S --><div class="close"><!-- b 7 --><div class="no-close"><!-- b 7 --><div class="close"><!-- b 7 --><div class="no-close"><!-- b 7 --><div class="close"><!-- b 7 --></div><!-- close b 6 " " --></div><!-- close b 5 [" "] --></div><!-- close b 4 quotes --></div><!-- close b 3 [ FAIL to] --></div><!-- close b 2 work --></div><!-- close b 1 !!! --></div><!-- close b 0 [FAIL!!] --></div><!-- b 0 --> </body> </html>