1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <link rel="reference" href="quotes-035-ref.xht">
5 <title>CSS Test: CSS and Quotes: Counting Right (Slightly Simpler Version)</title>
6 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
7 <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/quotes/001.xml" type="application/xhtml+xml">
8 <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes">
9 <meta name="flags" content="should">
10 <style type="text/css">
11
12 .party1 * { display: inline; }
13 .party1 .a { quotes: "Isn" "'"
14 "t" "FAIL!"
15 "FAIL!" " i"; }
16 .party1 .b { quotes: "" "FAIL!!"
17 " wonderful" "!!!"
18 " to " " work"
19 "see " " [FAIL to]"
20 "C" "quotes"
21 "S" " "; }
22 .party1 .c { quotes: none; }
23 .party1 .d { quotes: "FAIL!" "FAIL!"
24 "FAIL!" "FAIL!"
25 "" ""; }
26 .test { margin-left: 2em; }
27 .test .no-open:before { content: no-open-quote; }
28 .test .open:before { content: open-quote; }
29 .test .triple-open:before { content: open-quote open-quote open-quote; }
30 .test .no-close:after { content: no-close-quote; }
31 .test .triple-no-close:after { content: no-close-quote no-close-quote no-close-quote; }
32 .test .close:after { content: close-quote; }
33 .test .triple-close:after { content: close-quote close-quote close-quote; }
34 .test .no-close-open:before { content: no-close-quote open-quote; }
35
36
37 </style>
38 </head>
39 <body>
40
41 <!-- this is the same as the 002.xml version except the <br> and <hr> nodes are <div>s. -->
42
43 <!-- Isn't it wonderful to see CSS quotes work!!!
44 --><div class="test c party1"><!-- c 0
45 --><div class="a open close"><!-- open a 1 isn
46 --></div><!-- close a 0 '
47 --><div class="a"><!-- a 0
48 --><div class="c open"><!-- open c 1
49 --><div class="a open"><!-- open a 2 t
50 --></div><!-- a 2
51 --></div><!-- c 2
52 --><div class="no-open close"><!-- a 3 [FAIL!]
53 --></div><!-- close a 2 i
54 --></div><!-- a 2
55 --><div class="no-close-open no-close a"><!-- a 2 [FAIL!] t
56 --></div><!-- close a 1
57 --><div class="d no-open no-close"><!-- open d 2 [FAIL!]
58 --><div class="open close"><!-- open d 3
59 --><div class="open close"><!-- open d 4
60 --></div><!-- close d 3
61 --></div><!-- close d 2
62 --></div><!-- close d 1 [FAIL!]
63 --><div class="b no-close"><!-- b 1
64 --><div class="triple-no-close"></div><!-- close b 0 [FAIL!!]
65 --><div class="triple-open"></div><!-- open x 3 b 3 "", "wonderful ", "to "
66 --><div class="triple-open"></div><!-- open x 3 b 6 "see ", "C", "S"
67 --><div class="open close"><!-- open b 7 S
68 --><div class="close"><!-- b 7
69 --><div class="no-close"><!-- b 7
70 --><div class="close"><!-- b 7
71 --><div class="no-close"><!-- b 7
72 --><div class="close"><!-- b 7
73 --></div><!-- close b 6 " "
74 --></div><!-- close b 5 [" "]
75 --></div><!-- close b 4 quotes
76 --></div><!-- close b 3 [ FAIL to]
77 --></div><!-- close b 2 work
78 --></div><!-- close b 1 !!!
79 --></div><!-- close b 0 [FAIL!!]
80 --></div><!-- b 0
81 -->
82
83 </body>
84 </html>