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 <style type="text/css">
10
11 .party1 * { display: inline; }
12 .party1 .a { quotes: "Isn" "'"
13 "t" "FAIL!"
14 "FAIL!" " i"; }
15 .party1 .b { quotes: "" "FAIL!!"
16 " wonderful" "!!!"
17 " to " " work"
18 "see " " [FAIL to]"
19 "C" "quotes"
20 "S" " "
21 "S" " "; }
22 .party1 .c { quotes: none; }
23 .party1 .d { quotes: "FAIL!" "FAIL!"
24 "FAIL!" "FAIL!"
25 "" ""
26 "" ""; }
27 .test { margin-left: 2em; }
28 .test .no-open:before { content: no-open-quote; }
29 .test .open:before { content: open-quote; }
30 .test .triple-open:before { content: open-quote open-quote open-quote; }
31 .test .no-close:after { content: no-close-quote; }
32 .test .triple-no-close:after { content: no-close-quote no-close-quote no-close-quote; }
33 .test .close:after { content: close-quote; }
34 .test .triple-close:after { content: close-quote close-quote close-quote; }
35 .test .no-close-open:before { content: no-close-quote open-quote; }
36
37
38 </style>
39 </head>
40 <body>
41
42 <!-- this is the same as the 002.xml version except the <br> and <hr> nodes are <div>s. -->
43
44 <!-- Isn't it wonderful to see CSS quotes work!!!
45 --><div class="test c party1"><!-- c 0
46 --><div class="a open close"><!-- open a 1 isn
47 --></div><!-- close a 0 '
48 --><div class="a"><!-- a 0
49 --><div class="c open"><!-- open c 1
50 --><div class="a open"><!-- open a 2 t
51 --></div><!-- a 2
52 --></div><!-- c 2
53 --><div class="no-open close"><!-- a 3 [FAIL!]
54 --></div><!-- close a 2 i
55 --></div><!-- a 2
56 --><div class="no-close-open no-close a"><!-- a 2 [FAIL!] t
57 --></div><!-- close a 1
58 --><div class="d no-open no-close"><!-- open d 2 [FAIL!]
59 --><div class="open close"><!-- open d 3
60 --><div class="open close"><!-- open d 4
61 --></div><!-- close d 3
62 --></div><!-- close d 2
63 --></div><!-- close d 1 [FAIL!]
64 --><div class="b no-close"><!-- b 1
65 --><div class="no-close"></div><!-- close b 0 [FAIL!!]
66 --><div class="triple-open"></div><!-- open x 3 b 3 "", "wonderful ", "to "
67 --><div class="triple-open"></div><!-- open x 3 b 6 "see ", "C", "S"
68 --><div class="open close"><!-- open b 7 S
69 --><div class="close"><!-- b 7
70 --><div class="no-close"><!-- b 7
71 --><div class="close"><!-- b 7
72 --><div class="no-close"><!-- b 7
73 --><div class="close"><!-- b 7
74 --></div><!-- close b 6 " "
75 --></div><!-- close b 5 [" "]
76 --></div><!-- close b 4 quotes
77 --></div><!-- close b 3 [ FAIL to]
78 --></div><!-- close b 2 work
79 --></div><!-- close b 1 !!!
80 --></div><!-- close b 0 [FAIL!!]
81 --></div><!-- b 0
82 -->
83
84 </body>
85 </html>