1 <!-- This Source Code Form is subject to the terms of the Mozilla Public
2 - License, v. 2.0. If a copy of the MPL was not distributed with this
3 - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
8 http://www.hixie.ch/tests/adhoc/css/quotes/001.xml ,
9 relicensed to MPL/LGPL/GPL tri-license per Hixie's permission on IRC,
10 March 5, 2009, and upgraded to MPL 2.
13 <html xmlns="http://www.w3.org/1999/xhtml">
15 <title>CSS and Quotes: Counting Right (Slightly Simpler Version)</title>
16 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
17 <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes"/>
18 <meta name="flags" content="" />
19 <style type="text/css">
21 .party1 * { display: inline; }
22 .party1 .a { quotes: "Isn" "'"
25 .party1 .b { quotes: "" "FAIL!!"
31 .party1 .c { quotes: none; }
32 .party1 .d { quotes: "FAIL!" "FAIL!"
35 .test { margin-left: 2em; }
36 .test .no-open:before { content: no-open-quote; }
37 .test .open:before { content: open-quote; }
38 .test .triple-open:before { content: open-quote open-quote open-quote; }
39 .test .no-close:after { content: no-close-quote; }
40 .test .triple-no-close:after { content: no-close-quote no-close-quote no-close-quote; }
41 .test .close:after { content: close-quote; }
42 .test .triple-close:after { content: close-quote close-quote close-quote; }
43 .test .no-close-open:before { content: no-close-quote open-quote; }
50 <!-- this is the same as the 002.xml version except the <br> and <hr> nodes are <div>s. -->
52 <!-- Isn't it wonderful to see CSS quotes work!!!
53 --><div class="test c party1"><!-- c 0
54 --><div class="a open close"><!-- open a 1 isn
55 --></div><!-- close a 0 '
56 --><div class="a"><!-- a 0
57 --><div class="c open"><!-- open c 1
58 --><div class="a open"><!-- open a 2 t
61 --><div class="no-open close"><!-- a 3 [FAIL!]
62 --></div><!-- close a 2 i
64 --><div class="no-close-open no-close a"><!-- a 2 [FAIL!] t
65 --></div><!-- close a 1
66 --><div class="d no-open no-close"><!-- open d 2 [FAIL!]
67 --><div class="open close"><!-- open d 3
68 --><div class="open close"><!-- open d 4
69 --></div><!-- close d 3
70 --></div><!-- close d 2
71 --></div><!-- close d 1 [FAIL!]
72 --><div class="b no-close"><!-- b 1
73 --><div class="triple-no-close"/><!-- close b 0 [FAIL!!]
74 --><div class="triple-open"/><!-- open x 3 b 3 "", "wonderful ", "to "
75 --><div class="triple-open"/><!-- open x 3 b 6 "see ", "C", "S"
76 --><div class="open close"><!-- open b 7 S
77 --><div class="close"><!-- b 7
78 --><div class="no-close"><!-- b 7
79 --><div class="close"><!-- b 7
80 --><div class="no-close"><!-- b 7
81 --><div class="close"><!-- b 7
82 --></div><!-- close b 6 " "
83 --></div><!-- close b 5 [" "]
84 --></div><!-- close b 4 quotes
85 --></div><!-- close b 3 [ FAIL to]
86 --></div><!-- close b 2 work
87 --></div><!-- close b 1 !!!
88 --></div><!-- close b 0 [FAIL!!]