1 layer at (0,0) size 785x2178
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x2178
4 RenderBlock {HTML} at (0,0) size 785x2178
5 RenderBody {BODY} at (8,16) size 769x2114 [bgcolor=#FFFFFF]
6 RenderBlock {P} at (0,0) size 769x18
7 RenderText {#text} at (0,0) size 168x17
8 text run at (0,0) width 168: "This page is part of the "
9 RenderInline {A} at (0,0) size 73x17 [color=#0000EE]
10 RenderText {#text} at (167,0) size 73x17
11 text run at (167,0) width 73: "CSS3.info"
12 RenderText {#text} at (239,0) size 5x17
13 text run at (239,0) width 5: " "
14 RenderInline {A} at (0,0) size 133x17 [color=#0000EE]
15 RenderText {#text} at (243,0) size 133x17
16 text run at (243,0) width 133: "CSS selectors test"
17 RenderText {#text} at (375,0) size 136x17
18 text run at (375,0) width 136: ". See more info on "
19 RenderInline {A} at (0,0) size 111x17 [color=#0000EE]
20 RenderText {#text} at (510,0) size 111x17
21 text run at (510,0) width 111: "CSS3 selectors"
22 RenderText {#text} at (620,0) size 6x17
23 text run at (620,0) width 6: "."
24 RenderBlock {DIV} at (0,34) size 769x0 [bgcolor=#009900]
25 RenderBlock {OL} at (0,34) size 769x2080
26 RenderListItem {LI} at (40,0) size 615.19x233 [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.19x96 [bgcolor=#FFFFFF]
30 RenderListMarker at (-37.78,6.50) size 17.78x17: "1"
31 RenderText {#text} at (6,10) size 134x80
32 text run at (6,10) width 134: "div :last-child {"
33 text run at (139,10) width 1: " "
34 text run at (6,25) width 9: "}"
35 text run at (14,25) width 1: " "
36 text run at (6,38) width 1: " "
37 text run at (6,51) width 40: "<div>"
38 text run at (45,51) width 1: " "
39 text run at (6,64) width 110: " <div></div>"
40 text run at (115,64) width 1: " "
41 text run at (6,77) width 48: "</div>"
42 RenderBlock {P} at (16,165) size 583.19x36
43 RenderText {#text} at (0,0) size 574x35
44 text run at (0,0) width 574: "The CSS selector should match the inner div element, because it is the only child"
45 text run at (0,18) width 168: "of the outer div element"
46 RenderListItem {LI} at (40,281) size 615.19x246 [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.19x109 [bgcolor=#FFFFFF]
51 RenderListMarker at (-37.78,6.50) size 17.78x17: "2"
52 RenderText {#text} at (6,10) size 219x93
53 text run at (6,10) width 134: "div :last-child {"
54 text run at (139,10) width 1: " "
55 text run at (6,25) width 9: "}"
56 text run at (14,25) width 1: " "
57 text run at (6,38) width 1: " "
58 text run at (6,51) width 48: "<div> "
59 text run at (53,51) width 1: " "
60 text run at (6,64) width 219: " <blockquote></blockquote>"
61 text run at (224,64) width 1: " "
62 text run at (6,77) width 110: " <div></div>"
63 text run at (115,77) width 1: " "
64 text run at (6,90) width 48: "</div>"
65 RenderBlock {P} at (16,178) size 583.19x36
66 RenderText {#text} at (0,0) size 570x35
67 text run at (0,0) width 570: "The CSS selector should match the inner div element, because it is the last child"
68 text run at (0,18) width 168: "of the outer div element"
69 RenderListItem {LI} at (40,575) size 615.19x264 [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.19x109 [bgcolor=#FFFFFF]
73 RenderListMarker at (-37.78,6.50) size 17.78x17: "3"
74 RenderText {#text} at (6,10) size 204x93
75 text run at (6,10) width 134: "div :last-child {"
76 text run at (139,10) width 1: " "
77 text run at (6,25) width 9: "}"
78 text run at (14,25) width 1: " "
79 text run at (6,38) width 1: " "
80 text run at (6,51) width 48: "<div> "
81 text run at (53,51) width 1: " "
82 text run at (6,64) width 110: " <div></div>"
83 text run at (115,64) width 1: " "
84 text run at (6,77) width 204: " <!-- Just a comment -->"
85 text run at (209,77) width 1: " "
86 text run at (6,90) width 48: "</div>"
87 RenderBlock {P} at (16,178) size 583.19x54
88 RenderText {#text} at (0,0) size 570x53
89 text run at (0,0) width 570: "The CSS selector should match the inner div element, because it is the last child"
90 text run at (0,18) width 172: "of the outer div element "
91 text run at (171,18) width 363: "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,887) size 615.19x277 [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.78,0) size 17.78x17: "4"
98 RenderText {#text} at (0,0) size 5x17
99 text run at (0,0) width 5: "."
100 RenderBlock {PRE} at (16,71) size 583.19x104 [bgcolor=#FFFFFF]
101 RenderText {#text} at (6,7) size 219x91
102 text run at (6,7) width 134: "div :last-child {"
103 text run at (139,7) width 1: " "
104 text run at (6,20) width 9: "}"
105 text run at (14,20) width 1: " "
106 text run at (6,33) width 1: " "
107 text run at (6,46) width 48: "<div> "
108 text run at (53,46) width 1: " "
109 text run at (6,59) width 110: " <div></div>"
110 text run at (115,59) width 1: " "
111 text run at (6,72) width 219: " How about regular text..."
112 text run at (224,72) width 1: " "
113 text run at (6,85) width 48: "</div>"
114 RenderBlock {P} at (16,191) size 583.19x54
115 RenderText {#text} at (0,0) size 570x53
116 text run at (0,0) width 570: "The CSS selector should match the inner div element, because it is the last child"
117 text run at (0,18) width 177: "of the outer div element. "
118 text run at (176,18) width 352: "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,1212) size 615.19x246 [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.19x109 [bgcolor=#FFFFFF]
125 RenderListMarker at (-37.78,6.50) size 17.78x17: "5"
126 RenderText {#text} at (6,10) size 219x93
127 text run at (6,10) width 134: "div :last-child {"
128 text run at (139,10) width 1: " "
129 text run at (6,25) width 9: "}"
130 text run at (14,25) width 1: " "
131 text run at (6,38) width 1: " "
132 text run at (6,51) width 48: "<div> "
133 text run at (53,51) width 1: " "
134 text run at (6,64) width 110: " <div></div>"
135 text run at (115,64) width 1: " "
136 text run at (6,77) width 219: " <blockquote></blockquote>"
137 text run at (224,77) width 1: " "
138 text run at (6,90) width 48: "</div>"
139 RenderBlock {P} at (16,178) size 583.19x36
140 RenderText {#text} at (0,0) size 560x35
141 text run at (0,0) width 560: "The CSS selector should not match the inner div element, because it is the first"
142 text run at (0,18) width 205: "child of the outer div element"
143 RenderListItem {LI} at (40,1506) size 615.19x272 [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.19x135 [bgcolor=#FFFFFF]
148 RenderListMarker at (-37.78,6.50) size 17.78x17: "6"
149 RenderText {#text} at (6,10) size 469x119
150 text run at (6,10) width 134: "div :last-child {"
151 text run at (139,10) width 1: " "
152 text run at (6,25) width 9: "}"
153 text run at (14,25) width 1: " "
154 text run at (6,38) width 1: " "
155 text run at (6,51) width 40: "<div>"
156 text run at (45,51) width 1: " "
157 text run at (6,64) width 243: " <div id='insertAfter'></div>"
158 text run at (248,64) width 1: " "
159 text run at (6,77) width 48: "</div>"
160 text run at (53,77) width 1: " "
161 text run at (6,90) width 1: " "
162 text run at (6,103) width 375: "var ib = document.getElementById('insertAfter');"
163 text run at (380,103) width 1: " "
164 text run at (6,116) width 469: "ib.parentElement.appendChild(document.createElement(\"div\"));"
165 RenderBlock {P} at (16,204) size 583.19x36
166 RenderText {#text} at (0,0) size 571x35
167 text run at (0,0) width 571: "The CSS selector should match the div element that is inserted by the Javascript"
168 text run at (0,18) width 40: "code."
169 RenderListItem {LI} at (40,1826) size 615.19x254 [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.19x135 [bgcolor=#FFFFFF]
174 RenderListMarker at (-37.78,6.50) size 17.78x17: "7"
175 RenderText {#text} at (6,10) size 469x119
176 text run at (6,10) width 134: "div :last-child {"
177 text run at (139,10) width 1: " "
178 text run at (6,25) width 9: "}"
179 text run at (14,25) width 1: " "
180 text run at (6,38) width 1: " "
181 text run at (6,51) width 40: "<div>"
182 text run at (45,51) width 1: " "
183 text run at (6,64) width 243: " <div id='insertAfter'></div>"
184 text run at (248,64) width 1: " "
185 text run at (6,77) width 48: "</div>"
186 text run at (53,77) width 1: " "
187 text run at (6,90) width 1: " "
188 text run at (6,103) width 375: "var ib = document.getElementById('insertAfter');"
189 text run at (380,103) width 1: " "
190 text run at (6,116) width 469: "ib.parentElement.appendChild(document.createElement(\"div\"));"
191 RenderBlock {P} at (16,204) size 583.19x18
192 RenderText {#text} at (0,0) size 519x17
193 text run at (0,0) width 519: "The original div element should not be a match for the :last-child selector."