1 layer at (0,0) size 785x2912
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x2912
4 RenderBlock {HTML} at (0,0) size 785x2912
5 RenderBody {BODY} at (8,16) size 769x2848 [bgcolor=#FFFFFF]
6 RenderBlock {P} at (0,0) size 769x18
7 RenderText {#text} at (0,0) size 165x17
8 text run at (0,0) width 165: "This page is part of the "
9 RenderInline {A} at (0,0) size 73x17 [color=#0000EE]
10 RenderText {#text} at (165,0) size 73x17
11 text run at (165,0) width 73: "CSS3.info"
12 RenderText {#text} at (238,0) size 4x17
13 text run at (238,0) width 4: " "
14 RenderInline {A} at (0,0) size 131x17 [color=#0000EE]
15 RenderText {#text} at (242,0) size 131x17
16 text run at (242,0) width 131: "CSS selectors test"
17 RenderText {#text} at (373,0) size 133x17
18 text run at (373,0) width 133: ". See more info on "
19 RenderInline {A} at (0,0) size 111x17 [color=#0000EE]
20 RenderText {#text} at (506,0) size 111x17
21 text run at (506,0) width 111: "CSS3 selectors"
22 RenderText {#text} at (617,0) size 4x17
23 text run at (617,0) width 4: "."
24 RenderBlock {DIV} at (0,34) size 769x0 [bgcolor=#009900]
25 RenderBlock {OL} at (0,34) size 769x2814
26 RenderListItem {LI} at (40,0) size 615.19x213 [bgcolor=#AAAAAA]
27 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
28 RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
29 RenderBlock {PRE} at (16,53) size 583.19x76 [bgcolor=#FFFFFF]
30 RenderListMarker at (-37,6.50) size 17x17: "1"
31 RenderText {#text} at (7,8) size 280x62
32 text run at (7,8) width 152: "div:first-of-type {"
33 text run at (159,8) width 0: " "
34 text run at (7,25) width 8: "}"
35 text run at (15,25) width 0: " "
36 text run at (7,40) width 0: " "
37 text run at (7,55) width 280: "<div>Does this element match?</div>"
38 RenderBlock {P} at (16,145) size 583.19x36
39 RenderText {#text} at (0,0) size 551x35
40 text run at (0,0) width 551: "The CSS selector should match the marked div element, because it is the only"
41 text run at (0,18) width 137: "element of this type"
42 RenderListItem {LI} at (40,261) size 615.19x228 [bgcolor=#AAAAAA]
43 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
44 RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
45 RenderBlock {DIV} at (0,24) size 583.19x0
46 RenderBlock {PRE} at (16,53) size 583.19x91 [bgcolor=#FFFFFF]
47 RenderListMarker at (-37,6.50) size 17x17: "2"
48 RenderText {#text} at (7,8) size 280x77
49 text run at (7,8) width 152: "div:first-of-type {"
50 text run at (159,8) width 0: " "
51 text run at (7,25) width 8: "}"
52 text run at (15,25) width 0: " "
53 text run at (7,40) width 0: " "
54 text run at (7,55) width 280: "<div>Does this element match?</div>"
55 text run at (287,55) width 0: " "
56 text run at (7,70) width 88: "<div></div>"
57 RenderBlock {P} at (16,160) size 583.19x36
58 RenderText {#text} at (0,0) size 546x35
59 text run at (0,0) width 546: "The CSS selector should match the marked div element, because it is the first"
60 text run at (0,18) width 137: "element of this type"
61 RenderListItem {LI} at (40,537) size 615.19x228 [bgcolor=#AAAAAA]
62 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
63 RenderBlock {BLOCKQUOTE} at (0,0) size 583.19x0 [bgcolor=#009900]
64 RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
65 RenderBlock {PRE} at (16,53) size 583.19x91 [bgcolor=#FFFFFF]
66 RenderListMarker at (-37,6.50) size 17x17: "3"
67 RenderText {#text} at (7,8) size 280x77
68 text run at (7,8) width 152: "div:first-of-type {"
69 text run at (159,8) width 0: " "
70 text run at (7,25) width 8: "}"
71 text run at (15,25) width 0: " "
72 text run at (7,40) width 0: " "
73 text run at (7,55) width 200: "<blockquote></blockquote>"
74 text run at (207,55) width 0: " "
75 text run at (7,70) width 280: "<div>Does this element match?</div>"
76 RenderBlock {P} at (16,160) size 583.19x36
77 RenderText {#text} at (0,0) size 546x35
78 text run at (0,0) width 546: "The CSS selector should match the marked div element, because it is the first"
79 text run at (0,18) width 137: "element of this type"
80 RenderListItem {LI} at (40,813) size 615.19x258 [bgcolor=#AAAAAA]
81 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
82 RenderBlock {DIV} at (0,0) size 583.19x0 [bgcolor=#009900]
83 RenderBlock {BLOCKQUOTE} at (0,0) size 583.19x24 [bgcolor=#009900]
84 RenderBlock {DIV} at (0,0) size 583.19x24
85 RenderBlock {PRE} at (16,53) size 583.19x121 [bgcolor=#FFFFFF]
86 RenderListMarker at (-37,6.50) size 17x17: "4"
87 RenderText {#text} at (7,8) size 304x107
88 text run at (7,8) width 152: "div:first-of-type {"
89 text run at (159,8) width 0: " "
90 text run at (7,25) width 8: "}"
91 text run at (15,25) width 0: " "
92 text run at (7,40) width 0: " "
93 text run at (7,55) width 88: "<div></div>"
94 text run at (95,55) width 0: " "
95 text run at (7,70) width 96: "<blockquote>"
96 text run at (103,70) width 0: " "
97 text run at (7,85) width 304: " <div>Does this element match?</div>"
98 text run at (311,85) width 0: " "
99 text run at (7,100) width 104: "</blockquote>"
100 RenderBlock {P} at (16,190) size 583.19x36
101 RenderText {#text} at (0,0) size 546x35
102 text run at (0,0) width 546: "The CSS selector should match the marked div element, because it is the first"
103 text run at (0,18) width 230: "element of this type in this scope"
104 RenderListItem {LI} at (40,1119) size 615.19x243 [bgcolor=#AAAAAA]
105 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
106 RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
107 RenderBlock {DIV} at (0,0) size 583.19x24
108 RenderBlock {PRE} at (16,53) size 583.19x106 [bgcolor=#FFFFFF]
109 RenderListMarker at (-37,6.50) size 17x17: "5"
110 RenderText {#text} at (7,8) size 304x92
111 text run at (7,8) width 152: "div:first-of-type {"
112 text run at (159,8) width 0: " "
113 text run at (7,25) width 8: "}"
114 text run at (15,25) width 0: " "
115 text run at (7,40) width 0: " "
116 text run at (7,55) width 40: "<div>"
117 text run at (47,55) width 0: " "
118 text run at (7,70) width 304: " <div>Does this element match?</div>"
119 text run at (311,70) width 0: " "
120 text run at (7,85) width 48: "</div>"
121 RenderBlock {P} at (16,175) size 583.19x36
122 RenderText {#text} at (0,0) size 546x35
123 text run at (0,0) width 546: "The CSS selector should match the marked div element, because it is the first"
124 text run at (0,18) width 280: "element of this type in the current scope"
125 RenderListItem {LI} at (40,1410) size 615.19x258 [bgcolor=#AAAAAA]
126 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
127 RenderBlock {BLOCKQUOTE} at (0,0) size 583.19x0 [bgcolor=#009900]
128 RenderBlock {DIV} at (0,0) size 583.19x0
129 RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
130 RenderBlock {PRE} at (16,53) size 583.19x121 [bgcolor=#FFFFFF]
131 RenderListMarker at (-37,6.50) size 17x17: "6"
132 RenderText {#text} at (7,8) size 280x107
133 text run at (7,8) width 152: "div:first-of-type {"
134 text run at (159,8) width 0: " "
135 text run at (7,25) width 8: "}"
136 text run at (15,25) width 0: " "
137 text run at (7,40) width 0: " "
138 text run at (7,55) width 96: "<blockquote>"
139 text run at (103,55) width 0: " "
140 text run at (7,70) width 112: " <div></div>"
141 text run at (119,70) width 0: " "
142 text run at (7,85) width 104: "</blockquote>"
143 text run at (111,85) width 0: " "
144 text run at (7,100) width 280: "<div>Does this element match?</div>"
145 RenderBlock {P} at (16,190) size 583.19x36
146 RenderText {#text} at (0,0) size 546x35
147 text run at (0,0) width 546: "The CSS selector should match the marked div element, because it is the first"
148 text run at (0,18) width 280: "element of this type in the current scope"
149 RenderListItem {LI} at (40,1716) size 615.19x228 [bgcolor=#AAAAAA]
150 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
151 RenderBlock {DIV} at (0,0) size 583.19x0 [bgcolor=#990000]
152 RenderBlock {DIV} at (0,0) size 583.19x24
153 RenderBlock {PRE} at (16,53) size 583.19x91 [bgcolor=#FFFFFF]
154 RenderListMarker at (-37,6.50) size 17x17: "7"
155 RenderText {#text} at (7,8) size 280x77
156 text run at (7,8) width 152: "div:first-of-type {"
157 text run at (159,8) width 0: " "
158 text run at (7,25) width 8: "}"
159 text run at (15,25) width 0: " "
160 text run at (7,40) width 0: " "
161 text run at (7,55) width 88: "<div></div>"
162 text run at (95,55) width 0: " "
163 text run at (7,70) width 280: "<div>Does this element match?</div>"
164 RenderBlock {P} at (16,160) size 583.19x36
165 RenderText {#text} at (0,0) size 543x35
166 text run at (0,0) width 543: "The CSS selector should not match the marked div element, because it is the"
167 text run at (0,18) width 193: "second element of this type"
168 RenderListItem {LI} at (40,1992) size 615.19x228 [bgcolor=#AAAAAA]
169 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
170 RenderBlock {DIV} at (0,0) size 583.19x0 [bgcolor=#990000]
171 RenderBlock {DIV} at (0,0) size 583.19x24
172 RenderBlock {PRE} at (16,53) size 583.19x91 [bgcolor=#FFFFFF]
173 RenderListMarker at (-37,6.50) size 17x17: "8"
174 RenderText {#text} at (7,8) size 280x77
175 text run at (7,8) width 152: "div:first-of-type {"
176 text run at (159,8) width 0: " "
177 text run at (7,25) width 8: "}"
178 text run at (15,25) width 0: " "
179 text run at (7,40) width 0: " "
180 text run at (7,55) width 88: "<DIV></DIV>"
181 text run at (95,55) width 0: " "
182 text run at (7,70) width 280: "<div>Does this element match?</div>"
183 RenderBlock {P} at (16,160) size 583.19x36
184 RenderText {#text} at (0,0) size 543x35
185 text run at (0,0) width 543: "The CSS selector should not match the marked div element, because it is the"
186 text run at (0,18) width 193: "second element of this type"
187 RenderListItem {LI} at (40,2268) size 615.19x258 [bgcolor=#AAAAAA]
188 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
189 RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
190 RenderBlock {DIV} at (0,24) size 583.19x0
191 RenderBlock {PRE} at (16,53) size 583.19x121 [bgcolor=#FFFFFF]
192 RenderListMarker at (-37,6.50) size 17x17: "9"
193 RenderText {#text} at (7,8) size 520x107
194 text run at (7,8) width 152: "div:first-of-type {"
195 text run at (159,8) width 0: " "
196 text run at (7,25) width 8: "}"
197 text run at (15,25) width 0: " "
198 text run at (7,40) width 0: " "
199 text run at (7,55) width 232: "<div id='insertBefore'></div>"
200 text run at (239,55) width 0: " "
201 text run at (7,70) width 0: " "
202 text run at (7,85) width 392: "var ib = document.getElementById('insertBefore');"
203 text run at (399,85) width 0: " "
204 text run at (7,100) width 520: "ib.parentElement.insertBefore(document.createElement(\"div\"), ib);"
205 RenderBlock {P} at (16,190) size 583.19x36
206 RenderText {#text} at (0,0) size 567x35
207 text run at (0,0) width 567: "The CSS selector should match the div element that is inserted by the Javascript"
208 text run at (0,18) width 39: "code."
209 RenderListItem {LI} at (40,2574) size 615.19x240 [bgcolor=#AAAAAA]
210 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
211 RenderBlock {DIV} at (0,0) size 583.19x0 [bgcolor=#990000]
212 RenderBlock {DIV} at (0,0) size 583.19x24
213 RenderBlock {PRE} at (16,53) size 583.19x121 [bgcolor=#FFFFFF]
214 RenderListMarker at (-46,6.50) size 26x17: "10"
215 RenderText {#text} at (7,8) size 520x107
216 text run at (7,8) width 152: "div:first-of-type {"
217 text run at (159,8) width 0: " "
218 text run at (7,25) width 8: "}"
219 text run at (15,25) width 0: " "
220 text run at (7,40) width 0: " "
221 text run at (7,55) width 232: "<div id='insertBefore'></div>"
222 text run at (239,55) width 0: " "
223 text run at (7,70) width 0: " "
224 text run at (7,85) width 392: "var ib = document.getElementById('insertBefore');"
225 text run at (399,85) width 0: " "
226 text run at (7,100) width 520: "ib.parentElement.insertBefore(document.createElement(\"div\"), ib);"
227 RenderBlock {P} at (16,190) size 583.19x18
228 RenderText {#text} at (0,0) size 529x17
229 text run at (0,0) width 529: "The original div element should not be a match for the :first-of-type selector."