1 layer at (0,0) size 785x2270
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x2270
4 RenderBlock {HTML} at (0,0) size 785x2270
5 RenderBody {BODY} at (8,16) size 769x2206 [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 769x2172
26 RenderListItem {LI} at (40,0) size 615.19x243 [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.19x106 [bgcolor=#FFFFFF]
30 RenderListMarker at (-37,6.50) size 17x17: "1"
31 RenderText {#text} at (6,8) size 137x92
32 text run at (6,8) width 137: "div :last-child {"
33 text run at (142,8) width 1: " "
34 text run at (6,25) width 9: "}"
35 text run at (14,25) width 1: " "
36 text run at (6,40) width 1: " "
37 text run at (6,55) width 41: "<div>"
38 text run at (46,55) width 1: " "
39 text run at (6,70) width 113: " <div></div>"
40 text run at (118,70) width 1: " "
41 text run at (6,85) width 49: "</div>"
42 RenderBlock {P} at (16,175) size 583.19x36
43 RenderText {#text} at (0,0) size 572x35
44 text run at (0,0) width 572: "The CSS selector should match the inner div element, because it is the only child"
45 text run at (0,18) width 165: "of the outer div element"
46 RenderListItem {LI} at (40,291) size 615.19x258 [bgcolor=#AAAAAA]
47 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
48 RenderBlock {BLOCKQUOTE} at (0,0) size 583.19x0
49 RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
50 RenderBlock {PRE} at (16,53) size 583.19x121 [bgcolor=#FFFFFF]
51 RenderListMarker at (-37,6.50) size 17x17: "2"
52 RenderText {#text} at (6,8) size 225x107
53 text run at (6,8) width 137: "div :last-child {"
54 text run at (142,8) width 1: " "
55 text run at (6,25) width 9: "}"
56 text run at (14,25) width 1: " "
57 text run at (6,40) width 1: " "
58 text run at (6,55) width 49: "<div> "
59 text run at (54,55) width 1: " "
60 text run at (6,70) width 225: " <blockquote></blockquote>"
61 text run at (230,70) width 1: " "
62 text run at (6,85) width 113: " <div></div>"
63 text run at (118,85) width 1: " "
64 text run at (6,100) width 49: "</div>"
65 RenderBlock {P} at (16,190) size 583.19x36
66 RenderText {#text} at (0,0) size 567x35
67 text run at (0,0) width 567: "The CSS selector should match the inner div element, because it is the last child"
68 text run at (0,18) width 165: "of the outer div element"
69 RenderListItem {LI} at (40,597) size 615.19x276 [bgcolor=#AAAAAA]
70 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
71 RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
72 RenderBlock {PRE} at (16,53) size 583.19x121 [bgcolor=#FFFFFF]
73 RenderListMarker at (-37,6.50) size 17x17: "3"
74 RenderText {#text} at (6,8) size 209x107
75 text run at (6,8) width 137: "div :last-child {"
76 text run at (142,8) width 1: " "
77 text run at (6,25) width 9: "}"
78 text run at (14,25) width 1: " "
79 text run at (6,40) width 1: " "
80 text run at (6,55) width 49: "<div> "
81 text run at (54,55) width 1: " "
82 text run at (6,70) width 113: " <div></div>"
83 text run at (118,70) width 1: " "
84 text run at (6,85) width 209: " <!-- Just a comment -->"
85 text run at (214,85) width 1: " "
86 text run at (6,100) width 49: "</div>"
87 RenderBlock {P} at (16,190) size 583.19x54
88 RenderText {#text} at (0,0) size 567x53
89 text run at (0,0) width 567: "The CSS selector should match the inner div element, because it is the last child"
90 text run at (0,18) width 169: "of the outer div element "
91 text run at (169,18) width 358: "Comments are not elements, so they should not be"
92 text run at (0,36) width 307: "considered when determining the last child."
93 RenderListItem {LI} at (40,921) size 615.19x291 [bgcolor=#AAAAAA]
94 RenderBlock {DIV} at (16,16) size 583.19x42 [bgcolor=#990000]
95 RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
96 RenderBlock (anonymous) at (0,24) size 583.19x18
97 RenderListMarker at (-37,0) size 17x17: "4"
98 RenderText {#text} at (0,0) size 4x17
99 text run at (0,0) width 4: "."
100 RenderBlock {PRE} at (16,71) size 583.19x118 [bgcolor=#FFFFFF]
101 RenderText {#text} at (6,7) size 225x105
102 text run at (6,7) width 137: "div :last-child {"
103 text run at (142,7) width 1: " "
104 text run at (6,22) width 9: "}"
105 text run at (14,22) width 1: " "
106 text run at (6,37) width 1: " "
107 text run at (6,52) width 49: "<div> "
108 text run at (54,52) width 1: " "
109 text run at (6,67) width 113: " <div></div>"
110 text run at (118,67) width 1: " "
111 text run at (6,82) width 225: " How about regular text..."
112 text run at (230,82) width 1: " "
113 text run at (6,97) width 49: "</div>"
114 RenderBlock {P} at (16,205) size 583.19x54
115 RenderText {#text} at (0,0) size 567x53
116 text run at (0,0) width 567: "The CSS selector should match the inner div element, because it is the last child"
117 text run at (0,18) width 173: "of the outer div element. "
118 text run at (173,18) width 348: "Regular text is not an element, so it should not be"
119 text run at (0,36) width 307: "considered when determining the last child."
120 RenderListItem {LI} at (40,1260) size 615.19x258 [bgcolor=#AAAAAA]
121 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
122 RenderBlock {DIV} at (0,0) size 583.19x24
123 RenderBlock {BLOCKQUOTE} at (0,24) size 583.19x0 [bgcolor=#990000]
124 RenderBlock {PRE} at (16,53) size 583.19x121 [bgcolor=#FFFFFF]
125 RenderListMarker at (-37,6.50) size 17x17: "5"
126 RenderText {#text} at (6,8) size 225x107
127 text run at (6,8) width 137: "div :last-child {"
128 text run at (142,8) width 1: " "
129 text run at (6,25) width 9: "}"
130 text run at (14,25) width 1: " "
131 text run at (6,40) width 1: " "
132 text run at (6,55) width 49: "<div> "
133 text run at (54,55) width 1: " "
134 text run at (6,70) width 113: " <div></div>"
135 text run at (118,70) width 1: " "
136 text run at (6,85) width 225: " <blockquote></blockquote>"
137 text run at (230,85) width 1: " "
138 text run at (6,100) width 49: "</div>"
139 RenderBlock {P} at (16,190) size 583.19x36
140 RenderText {#text} at (0,0) size 555x35
141 text run at (0,0) width 555: "The CSS selector should not match the inner div element, because it is the first"
142 text run at (0,18) width 203: "child of the outer div element"
143 RenderListItem {LI} at (40,1566) size 615.19x288 [bgcolor=#AAAAAA]
144 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
145 RenderBlock {DIV} at (0,0) size 583.19x0
146 RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
147 RenderBlock {PRE} at (16,53) size 583.19x151 [bgcolor=#FFFFFF]
148 RenderListMarker at (-37,6.50) size 17x17: "6"
149 RenderText {#text} at (6,8) size 481x137
150 text run at (6,8) width 137: "div :last-child {"
151 text run at (142,8) width 1: " "
152 text run at (6,25) width 9: "}"
153 text run at (14,25) width 1: " "
154 text run at (6,40) width 1: " "
155 text run at (6,55) width 41: "<div>"
156 text run at (46,55) width 1: " "
157 text run at (6,70) width 249: " <div id='insertAfter'></div>"
158 text run at (254,70) width 1: " "
159 text run at (6,85) width 49: "</div>"
160 text run at (54,85) width 1: " "
161 text run at (6,100) width 1: " "
162 text run at (6,115) width 385: "var ib = document.getElementById('insertAfter');"
163 text run at (390,115) width 1: " "
164 text run at (6,130) width 481: "ib.parentElement.appendChild(document.createElement(\"div\"));"
165 RenderBlock {P} at (16,220) size 583.19x36
166 RenderText {#text} at (0,0) size 567x35
167 text run at (0,0) width 567: "The CSS selector should match the div element that is inserted by the Javascript"
168 text run at (0,18) width 39: "code."
169 RenderListItem {LI} at (40,1902) size 615.19x270 [bgcolor=#AAAAAA]
170 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
171 RenderBlock {DIV} at (0,0) size 583.19x24
172 RenderBlock {DIV} at (0,24) size 583.19x0 [bgcolor=#990000]
173 RenderBlock {PRE} at (16,53) size 583.19x151 [bgcolor=#FFFFFF]
174 RenderListMarker at (-37,6.50) size 17x17: "7"
175 RenderText {#text} at (6,8) size 481x137
176 text run at (6,8) width 137: "div :last-child {"
177 text run at (142,8) width 1: " "
178 text run at (6,25) width 9: "}"
179 text run at (14,25) width 1: " "
180 text run at (6,40) width 1: " "
181 text run at (6,55) width 41: "<div>"
182 text run at (46,55) width 1: " "
183 text run at (6,70) width 249: " <div id='insertAfter'></div>"
184 text run at (254,70) width 1: " "
185 text run at (6,85) width 49: "</div>"
186 text run at (54,85) width 1: " "
187 text run at (6,100) width 1: " "
188 text run at (6,115) width 385: "var ib = document.getElementById('insertAfter');"
189 text run at (390,115) width 1: " "
190 text run at (6,130) width 481: "ib.parentElement.appendChild(document.createElement(\"div\"));"
191 RenderBlock {P} at (16,220) size 583.19x18
192 RenderText {#text} at (0,0) size 515x17
193 text run at (0,0) width 515: "The original div element should not be a match for the :last-child selector."