1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2
"http://www.w3.org/TR/html4/strict.dtd">
4
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5
<!-- This file contains embedded NULs (U+0000). Take care when editing to
6
preserve them. There are no other control characters or characters
9
This test involves constructs with undefined behavior in CSS 2.1.
10
However, unlike 228856-1, the author is confident that future
11
specification of the behavior of NULs (whether literal or written with
12
\-escapes) will not contradict the behavior expected by this test. -->
14
<title>Selectors and properties test case for bug 228856</title>
15
<style type="text/css">
16
p {margin-bottom:0; color:black; font-weight:bold; }
17
tr { vertical-align: top }
18
td { padding-right: 0.5em }
21
div { color: green; font: 6pt monospace; }
23
/* These selectors should not match anything. */
45
/* These properties should not be treated as 'color: red'. */
46
#p1 { \000000color: red }
47
#p2 { \00000 color: red }
48
#p3 { c\000000olor: red }
49
#p4 { c\00000 olor: red }
50
#p5 { color\000000: red }
51
#p6 { color\00000 : red }
52
#p7 { color: \000000red }
53
#p8 { color: \00000 red }
54
#p9 { color: r\000000ed }
55
#pA { color: r\00000 ed }
56
#pB { color: red\000000 }
60
<!-- None of these rules should be effective on any medium. -->
61
<style> @\000000media all { .m1 { color: red; } } </style>
62
<style> @me\000000dia all { .m2 { color: red; } } </style>
63
<style> @media\000000 all { .m3 { color: red; } } </style>
64
<style> @media \000000all { .m4 { color: red; } } </style>
65
<style> @media al\000000l { .m5 { color: red; } } </style>
66
<style> @media all\000000 { .m6 { color: red; } } </style>
69
<p>red=FAIL green=PASS</p>
74
<div id="�i1">#\0id / #&#0;id</div>
75
<div id="i�1">#\0id / #i&#0;d</div>
76
<div id="i1�">#\0id / #id&#0;</div>
77
<div id=" i1">#\0id / #^@id</div>
78
<div id="i 1">#\0id / #i^@d</div>
79
<div id="i1 ">#\0id / #id^@</div>
80
<div id="i1">#\0id / #id</div>
82
<div id="�i2">#i\0d / #&#0;id</div>
83
<div id="i�2">#i\0d / #i&#0;d</div>
84
<div id="i2�">#i\0d / #id&#0;</div>
85
<div id=" i2">#i\0d / #^@id</div>
86
<div id="i 2">#i\0d / #i^@d</div>
87
<div id="i2 ">#i\0d / #id^@</div>
88
<div id="i2">#i\0d / #id</div>
90
<div id="�i3">#id\0 / #&#0;id</div>
91
<div id="i�3">#id\0 / #i&#0;d</div>
92
<div id="i3�">#id\0 / #id&#0;</div>
93
<div id=" i3">#id\0 / #^@id</div>
94
<div id="i 3">#id\0 / #i^@d</div>
95
<div id="i3 ">#id\0 / #id^@</div>
96
<div id="i3">#id\0 / #id</div>
98
<div id="�i4">#^@id / #&#0;id</div>
99
<div id="i�4">#^@id / #i&#0;d</div>
100
<div id="i4�">#^@id / #id&#0;</div>
101
<div id=" i4">#^@id / #^@id</div>
102
<div id="i 4">#^@id / #i^@d</div>
103
<div id="i4 ">#^@id / #id^@</div>
104
<div id="i4">#^@id / #id</div>
106
<div id="�i5">#i^@d / #&#0;id</div>
107
<div id="i�5">#i^@d / #i&#0;d</div>
108
<div id="i5�">#i^@d / #id&#0;</div>
109
<div id=" i5">#i^@d / #^@id</div>
110
<div id="i 5">#i^@d / #i^@d</div>
111
<div id="i5 ">#i^@d / #id^@</div>
112
<div id="i5">#i^@d / #id</div>
114
<div id="�i6">#id^@ / #&#0;id</div>
115
<div id="i�6">#id^@ / #i&#0;d</div>
116
<div id="i6�">#id^@ / #id&#0;</div>
117
<div id=" i6">#id^@ / #^@id</div>
118
<div id="i 6">#id^@ / #i^@d</div>
119
<div id="i6 ">#id^@ / #id^@</div>
120
<div id="i6">#id^@ / #id</div>
122
<div id="�i7">#id / #&#0;id</div>
123
<div id="i�7">#id / #i&#0;d</div>
124
<div id="i7�">#id / #id&#0;</div>
125
<div id=" i7">#id / #^@id</div>
126
<div id="i 7">#id / #i^@d</div>
127
<div id="i7 ">#id / #id^@</div>
130
<p>Class selectors</p>
131
<div class="�c1">.\0cl / .&.0;cl</div>
132
<div class="c�1">.\0cl / .c&.0;l</div>
133
<div class="c1�">.\0cl / .cl&.0;</div>
134
<div class=" c1">.\0cl / .^@cl</div>
135
<div class="c 1">.\0cl / .c^@l</div>
136
<div class="c1 ">.\0cl / .cl^@</div>
137
<div class="c1">.\0cl / .cl</div>
139
<div class="�c2">.c\0l / .&.0;cl</div>
140
<div class="c�2">.c\0l / .c&.0;l</div>
141
<div class="c2�">.c\0l / .cl&.0;</div>
142
<div class=" c2">.c\0l / .^@cl</div>
143
<div class="c 2">.c\0l / .c^@l</div>
144
<div class="c2 ">.c\0l / .cl^@</div>
145
<div class="c2">.c\0l / .cl</div>
147
<div class="�c3">.cl\0 / .&.0;cl</div>
148
<div class="c�3">.cl\0 / .c&.0;l</div>
149
<div class="c3�">.cl\0 / .cl&.0;</div>
150
<div class=" c3">.cl\0 / .^@cl</div>
151
<div class="c 3">.cl\0 / .c^@l</div>
152
<div class="c3 ">.cl\0 / .cl^@</div>
153
<div class="c3">.cl\0 / .cl</div>
155
<div class="�c4">.^@cl / .&.0;cl</div>
156
<div class="c�4">.^@cl / .c&.0;l</div>
157
<div class="c4�">.^@cl / .cl&.0;</div>
158
<div class=" c4">.^@cl / .^@cl</div>
159
<div class="c 4">.^@cl / .c^@l</div>
160
<div class="c4 ">.^@cl / .cl^@</div>
161
<div class="c4">.^@cl / .cl</div>
163
<div class="�c5">.c^@l / .&.0;cl</div>
164
<div class="c�5">.c^@l / .c&.0;l</div>
165
<div class="c5�">.c^@l / .cl&.0;</div>
166
<div class=" c5">.c^@l / .^@cl</div>
167
<div class="c 5">.c^@l / .c^@l</div>
168
<div class="c5 ">.c^@l / .cl^@</div>
169
<div class="c5">.c^@l / .cl</div>
171
<div class="�c6">.cl^@ / .&.0;cl</div>
172
<div class="c�6">.cl^@ / .c&.0;l</div>
173
<div class="c6�">.cl^@ / .cl&.0;</div>
174
<div class=" c6">.cl^@ / .^@cl</div>
175
<div class="c 6">.cl^@ / .c^@l</div>
176
<div class="c6 ">.cl^@ / .cl^@</div>
177
<div class="c6">.cl^@ / .cl</div>
179
<div class="�c7">.cl / .&.0;cl</div>
180
<div class="c�7">.cl / .c&.0;l</div>
181
<div class="c7�">.cl / .cl&.0;</div>
182
<div class=" c7">.cl / .^@cl</div>
183
<div class="c 7">.cl / .c^@l</div>
184
<div class="c7 ">.cl / .cl^@</div>
186
<p>More selectors</p>
187
<div id="i8" class="�">#id.\0 / #id.&#0;</div>
188
<div id="i8" class=" ">#id.\0 / #id.^@</div>
189
<div id="i9" class="�">#id.^@ / #id.&#0;</div>
190
<div id="i9" class=" ">#id.^@ / #id.^@</div>
192
<div class="c8" id="�">.cl#\0 / .cl#&#0;</div>
193
<div class="c8" id=" ">.cl#\0 / .cl#^@</div>
194
<div class="c9" id="�">.cl#^@ / .cl#&#0;</div>
195
<div class="c9" id=" ">.cl#^@ / .cl#^@</div>
198
<div id="p1">\000000color: red</div>
199
<div id="p2">\00000 color: red</div>
200
<div id="p3">c\000000olor: red</div>
201
<div id="p4">c\00000 olor: red</div>
202
<div id="p5">color\000000: red</div>
203
<div id="p6">color\00000 : red</div>
204
<div id="p7">color: \000000red</div>
205
<div id="p8">color: \00000 red</div>
206
<div id="p9">color: r\000000ed</div>
207
<div id="pA">color: r\00000 ed</div>
208
<div id="pB">color: red\000000</div>
212
<div class="m1">@\000000media all</div>
213
<div class="m2">@me\000000dia all</div>
214
<div class="m3">@media\000000 all</div>
215
<div class="m4">@media \000000all</div>
216
<div class="m5">@media al\000000l</div>
217
<div class="m6">@media all\000000</div>
added
removed
mozilla/layout/reftests/bugs/228856-2.html
