blob: f853ca2c69ea860fee6056e370dd7002fda61efe (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: CSS and Quotes: Counting Right (Evil Version)</title>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/quotes/002.xml" type="application/xhtml+xml"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes" />
<link rel="match" href="quotes-035-ref.xht"/>
<meta name="flags" content="may"/>
<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; }
/* hr br */
.test hr, .test br { display: inline; margin: 0; padding: 0;
height: auto; width: auto; border: none; color: inherit;
background: transparent; }
.test br:before { content: "" }
.test br:after { content: "" }
]]>
</style>
</head>
<body>
<!-- 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
--><br class="triple-no-close"/><!-- close b 0 [FAIL!!] <<< EVIL
--><hr class="triple-open"/><!-- open x 3 b 3 "", "wonderful ", "to " <<< EVIL
--><br class="triple-open"/><!-- open x 3 b 6 "see ", "C", "S" <<< EVIL
--><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>
|
