1 layer at (0,0) size 785x2990
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x2990
4 RenderBlock {HTML} at (0,0) size 785x2990
5 RenderBody {BODY} at (8,16) size 769x2926 [bgcolor=#FFFFFF]
6 RenderBlock {P} at (0,0) size 769x19
7 RenderText {#text} at (0,0) size 162x18
8 text run at (0,0) width 162: "This page is part of the "
9 RenderInline {A} at (0,0) size 72x18 [color=#0000EE]
10 RenderText {#text} at (162,0) size 72x18
11 text run at (162,0) width 72: "CSS3.info"
12 RenderText {#text} at (234,0) size 4x18
13 text run at (234,0) width 4: " "
14 RenderInline {A} at (0,0) size 130x18 [color=#0000EE]
15 RenderText {#text} at (238,0) size 130x18
16 text run at (238,0) width 130: "CSS selectors test"
17 RenderText {#text} at (368,0) size 131x18
18 text run at (368,0) width 131: ". See more info on "
19 RenderInline {A} at (0,0) size 110x18 [color=#0000EE]
20 RenderText {#text} at (499,0) size 110x18
21 text run at (499,0) width 110: "CSS3 selectors"
22 RenderText {#text} at (609,0) size 4x18
23 text run at (609,0) width 4: "."
24 RenderBlock {DIV} at (0,35) size 769x0 [bgcolor=#009900]
25 RenderBlock {OL} at (0,35) size 769x2891
26 RenderListItem {LI} at (40,0) size 615.19x219 [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.19x80 [bgcolor=#FFFFFF]
30 RenderListMarker at (-38,6.50) size 17x18: "1"
31 RenderText {#text} at (7,9) size 280x65
32 text run at (7,9) width 144: "div:last-of-type {"
33 text run at (151,9) width 0: " "
34 text run at (7,26) width 8: "}"
35 text run at (15,26) width 0: " "
36 text run at (7,42) width 0: " "
37 text run at (7,58) width 280: "<div>Does this element match?</div>"
38 RenderBlock {P} at (16,149) size 583.19x38
39 RenderText {#text} at (0,0) size 535x37
40 text run at (0,0) width 535: "The CSS selector should match the marked div element, because it is the only"
41 text run at (0,19) width 133: "element of this type"
42 RenderListItem {LI} at (40,267) size 615.19x235 [bgcolor=#AAAAAA]
43 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
44 RenderBlock {DIV} at (0,0) size 583.19x0
45 RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
46 RenderBlock {PRE} at (16,53) size 583.19x96 [bgcolor=#FFFFFF]
47 RenderListMarker at (-38,6.50) size 17x18: "2"
48 RenderText {#text} at (7,9) size 280x81
49 text run at (7,9) width 144: "div:last-of-type {"
50 text run at (151,9) width 0: " "
51 text run at (7,26) width 8: "}"
52 text run at (15,26) width 0: " "
53 text run at (7,42) width 0: " "
54 text run at (7,58) width 88: "<div></div>"
55 text run at (95,58) width 0: " "
56 text run at (7,74) width 280: "<div>Does this element match?</div>"
57 RenderBlock {P} at (16,165) size 583.19x38
58 RenderText {#text} at (0,0) size 532x37
59 text run at (0,0) width 532: "The CSS selector should match the marked div element, because it is the last"
60 text run at (0,19) width 133: "element of this type"
61 RenderListItem {LI} at (40,550) size 615.19x235 [bgcolor=#AAAAAA]
62 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
63 RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
64 RenderBlock {BLOCKQUOTE} at (0,24) size 583.19x0 [bgcolor=#009900]
65 RenderBlock {PRE} at (16,53) size 583.19x96 [bgcolor=#FFFFFF]
66 RenderListMarker at (-38,6.50) size 17x18: "3"
67 RenderText {#text} at (7,9) size 280x81
68 text run at (7,9) width 144: "div:last-of-type {"
69 text run at (151,9) width 0: " "
70 text run at (7,26) width 8: "}"
71 text run at (15,26) width 0: " "
72 text run at (7,42) width 0: " "
73 text run at (7,58) width 280: "<div>Does this element match?</div>"
74 text run at (287,58) width 0: " "
75 text run at (7,74) width 200: "<blockquote></blockquote>"
76 RenderBlock {P} at (16,165) size 583.19x38
77 RenderText {#text} at (0,0) size 532x37
78 text run at (0,0) width 532: "The CSS selector should match the marked div element, because it is the last"
79 text run at (0,19) width 133: "element of this type"
80 RenderListItem {LI} at (40,833) size 615.19x267 [bgcolor=#AAAAAA]
81 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
82 RenderBlock {BLOCKQUOTE} at (0,0) size 583.19x24 [bgcolor=#009900]
83 RenderBlock {DIV} at (0,0) size 583.19x24
84 RenderBlock {DIV} at (0,24) size 583.19x0 [bgcolor=#009900]
85 RenderBlock {PRE} at (16,53) size 583.19x128 [bgcolor=#FFFFFF]
86 RenderListMarker at (-38,6.50) size 17x18: "4"
87 RenderText {#text} at (7,9) size 304x113
88 text run at (7,9) width 144: "div:last-of-type {"
89 text run at (151,9) width 0: " "
90 text run at (7,26) width 8: "}"
91 text run at (15,26) width 0: " "
92 text run at (7,42) width 0: " "
93 text run at (7,58) width 96: "<blockquote>"
94 text run at (103,58) width 0: " "
95 text run at (7,74) width 304: " <div>Does this element match?</div>"
96 text run at (311,74) width 0: " "
97 text run at (7,90) width 104: "</blockquote>"
98 text run at (111,90) width 0: " "
99 text run at (7,106) width 88: "<div></div>"
100 RenderBlock {P} at (16,197) size 583.19x38
101 RenderText {#text} at (0,0) size 532x37
102 text run at (0,0) width 532: "The CSS selector should match the marked div element, because it is the last"
103 text run at (0,19) width 224: "element of this type in this scope"
104 RenderListItem {LI} at (40,1148) size 615.19x251 [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.19x112 [bgcolor=#FFFFFF]
109 RenderListMarker at (-38,6.50) size 17x18: "5"
110 RenderText {#text} at (7,9) size 304x97
111 text run at (7,9) width 144: "div:last-of-type {"
112 text run at (151,9) width 0: " "
113 text run at (7,26) width 8: "}"
114 text run at (15,26) width 0: " "
115 text run at (7,42) width 0: " "
116 text run at (7,58) width 40: "<div>"
117 text run at (47,58) width 0: " "
118 text run at (7,74) width 304: " <div>Does this element match?</div>"
119 text run at (311,74) width 0: " "
120 text run at (7,90) width 48: "</div>"
121 RenderBlock {P} at (16,181) size 583.19x38
122 RenderText {#text} at (0,0) size 532x37
123 text run at (0,0) width 532: "The CSS selector should match the marked div element, because it is the last"
124 text run at (0,19) width 272: "element of this type in the current scope"
125 RenderListItem {LI} at (40,1447) size 615.19x267 [bgcolor=#AAAAAA]
126 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
127 RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
128 RenderBlock {BLOCKQUOTE} at (0,24) size 583.19x0 [bgcolor=#009900]
129 RenderBlock {DIV} at (0,0) size 583.19x0
130 RenderBlock {PRE} at (16,53) size 583.19x128 [bgcolor=#FFFFFF]
131 RenderListMarker at (-38,6.50) size 17x18: "6"
132 RenderText {#text} at (7,9) size 280x113
133 text run at (7,9) width 144: "div:last-of-type {"
134 text run at (151,9) width 0: " "
135 text run at (7,26) width 8: "}"
136 text run at (15,26) width 0: " "
137 text run at (7,42) width 0: " "
138 text run at (7,58) width 280: "<div>Does this element match?</div>"
139 text run at (287,58) width 0: " "
140 text run at (7,74) width 96: "<blockquote>"
141 text run at (103,74) width 0: " "
142 text run at (7,90) width 112: " <div></div>"
143 text run at (119,90) width 0: " "
144 text run at (7,106) width 104: "</blockquote>"
145 RenderBlock {P} at (16,197) size 583.19x38
146 RenderText {#text} at (0,0) size 532x37
147 text run at (0,0) width 532: "The CSS selector should match the marked div element, because it is the last"
148 text run at (0,19) width 272: "element of this type in the current scope"
149 RenderListItem {LI} at (40,1762) size 615.19x235 [bgcolor=#AAAAAA]
150 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
151 RenderBlock {DIV} at (0,0) size 583.19x24
152 RenderBlock {DIV} at (0,24) size 583.19x0 [bgcolor=#990000]
153 RenderBlock {PRE} at (16,53) size 583.19x96 [bgcolor=#FFFFFF]
154 RenderListMarker at (-38,6.50) size 17x18: "7"
155 RenderText {#text} at (7,9) size 280x81
156 text run at (7,9) width 144: "div:last-of-type {"
157 text run at (151,9) width 0: " "
158 text run at (7,26) width 8: "}"
159 text run at (15,26) width 0: " "
160 text run at (7,42) width 0: " "
161 text run at (7,58) width 280: "<div>Does this element match?</div>"
162 text run at (287,58) width 0: " "
163 text run at (7,74) width 88: "<div></div>"
164 RenderBlock {P} at (16,165) size 583.19x38
165 RenderText {#text} at (0,0) size 558x37
166 text run at (0,0) width 558: "The CSS selector should not match the marked div element, because it is the first"
167 text run at (0,19) width 133: "element of this type"
168 RenderListItem {LI} at (40,2045) size 615.19x235 [bgcolor=#AAAAAA]
169 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
170 RenderBlock {DIV} at (0,0) size 583.19x24
171 RenderBlock {DIV} at (0,24) size 583.19x0 [bgcolor=#990000]
172 RenderBlock {PRE} at (16,53) size 583.19x96 [bgcolor=#FFFFFF]
173 RenderListMarker at (-38,6.50) size 17x18: "8"
174 RenderText {#text} at (7,9) size 280x81
175 text run at (7,9) width 144: "div:last-of-type {"
176 text run at (151,9) width 0: " "
177 text run at (7,26) width 8: "}"
178 text run at (15,26) width 0: " "
179 text run at (7,42) width 0: " "
180 text run at (7,58) width 280: "<div>Does this element match?</div>"
181 text run at (287,58) width 0: " "
182 text run at (7,74) width 88: "<DIV></DIV>"
183 RenderBlock {P} at (16,165) size 583.19x38
184 RenderText {#text} at (0,0) size 558x37
185 text run at (0,0) width 558: "The CSS selector should not match the marked div element, because it is the first"
186 text run at (0,19) width 133: "element of this type"
187 RenderListItem {LI} at (40,2328) size 615.19x267 [bgcolor=#AAAAAA]
188 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
189 RenderBlock {DIV} at (0,0) size 583.19x0
190 RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
191 RenderBlock {PRE} at (16,53) size 583.19x128 [bgcolor=#FFFFFF]
192 RenderListMarker at (-38,6.50) size 17x18: "9"
193 RenderText {#text} at (7,9) size 480x113
194 text run at (7,9) width 144: "div:last-of-type {"
195 text run at (151,9) width 0: " "
196 text run at (7,26) width 8: "}"
197 text run at (15,26) width 0: " "
198 text run at (7,42) width 0: " "
199 text run at (7,58) width 224: "<div id='insertAfter'></div>"
200 text run at (231,58) width 0: " "
201 text run at (7,74) width 0: " "
202 text run at (7,90) width 384: "var ib = document.getElementById('insertAfter');"
203 text run at (391,90) width 0: " "
204 text run at (7,106) width 480: "ib.parentElement.appendChild(document.createElement(\"div\"));"
205 RenderBlock {P} at (16,197) size 583.19x38
206 RenderText {#text} at (0,0) size 551x37
207 text run at (0,0) width 551: "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,2643) size 615.19x248 [bgcolor=#AAAAAA]
210 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
211 RenderBlock {DIV} at (0,0) size 583.19x24
212 RenderBlock {DIV} at (0,24) size 583.19x0 [bgcolor=#990000]
213 RenderBlock {PRE} at (16,53) size 583.19x128 [bgcolor=#FFFFFF]
214 RenderListMarker at (-47,6.50) size 26x18: "10"
215 RenderText {#text} at (7,9) size 480x113
216 text run at (7,9) width 144: "div:last-of-type {"
217 text run at (151,9) width 0: " "
218 text run at (7,26) width 8: "}"
219 text run at (15,26) width 0: " "
220 text run at (7,42) width 0: " "
221 text run at (7,58) width 224: "<div id='insertAfter'></div>"
222 text run at (231,58) width 0: " "
223 text run at (7,74) width 0: " "
224 text run at (7,90) width 384: "var ib = document.getElementById('insertAfter');"
225 text run at (391,90) width 0: " "
226 text run at (7,106) width 480: "ib.parentElement.appendChild(document.createElement(\"div\"));"
227 RenderBlock {P} at (16,197) size 583.19x19
228 RenderText {#text} at (0,0) size 513x18
229 text run at (0,0) width 513: "The original div element should not be a match for the :last-of-type selector."