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