1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2270
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 785x2270 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
4 LayoutBlockFlow {HTML} at (0,0) size 785x2270
5 LayoutBlockFlow {BODY} at (8,16) size 769x2206 [bgcolor=#FFFFFF]
6 LayoutBlockFlow {P} at (0,0) size 769x18
7 LayoutText {#text} at (0,0) size 168x17
8 text run at (0,0) width 168: "This page is part of the "
9 LayoutInline {A} at (0,0) size 73x17 [color=#0000EE]
10 LayoutText {#text} at (167,0) size 73x17
11 text run at (167,0) width 73: "CSS3.info"
12 LayoutText {#text} at (239,0) size 5x17
13 text run at (239,0) width 5: " "
14 LayoutInline {A} at (0,0) size 133x17 [color=#0000EE]
15 LayoutText {#text} at (243,0) size 133x17
16 text run at (243,0) width 133: "CSS selectors test"
17 LayoutText {#text} at (375,0) size 136x17
18 text run at (375,0) width 136: ". See more info on "
19 LayoutInline {A} at (0,0) size 111x17 [color=#0000EE]
20 LayoutText {#text} at (510,0) size 111x17
21 text run at (510,0) width 111: "CSS3 selectors"
22 LayoutText {#text} at (620,0) size 6x17
23 text run at (620,0) width 6: "."
24 LayoutBlockFlow {DIV} at (0,34) size 769x0 [bgcolor=#009900]
25 LayoutBlockFlow {OL} at (0,34) size 769x2172
26 LayoutListItem {LI} at (40,0) size 615.19x243 [bgcolor=#AAAAAA]
27 LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
28 LayoutBlockFlow {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
29 LayoutBlockFlow {PRE} at (16,53) size 583.19x106 [bgcolor=#FFFFFF]
30 LayoutListMarker (anonymous) at (-37.78,6.50) size 17.78x17: "1"
31 LayoutText {#text} at (6,8) size 141x92
32 text run at (6,8) width 141: "div :first-child {"
33 text run at (146,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 40: "<div>"
38 text run at (45,55) width 1: " "
39 text run at (6,70) width 110: " <div></div>"
40 text run at (115,70) width 1: " "
41 text run at (6,85) width 48: "</div>"
42 LayoutBlockFlow {P} at (16,175) size 583.19x36
43 LayoutText {#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 LayoutListItem {LI} at (40,291) size 615.19x258 [bgcolor=#AAAAAA]
47 LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
48 LayoutBlockFlow {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
49 LayoutBlockFlow {BLOCKQUOTE} at (0,24) size 583.19x0
50 LayoutBlockFlow {PRE} at (16,53) size 583.19x121 [bgcolor=#FFFFFF]
51 LayoutListMarker (anonymous) at (-37.78,6.50) size 17.78x17: "2"
52 LayoutText {#text} at (6,8) size 219x107
53 text run at (6,8) width 141: "div :first-child {"
54 text run at (146,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 48: "<div> "
59 text run at (53,55) width 1: " "
60 text run at (6,70) width 110: " <div></div>"
61 text run at (115,70) width 1: " "
62 text run at (6,85) width 219: " <blockquote></blockquote>"
63 text run at (224,85) width 1: " "
64 text run at (6,100) width 48: "</div>"
65 LayoutBlockFlow {P} at (16,190) size 583.19x36
66 LayoutText {#text} at (0,0) size 571x35
67 text run at (0,0) width 571: "The CSS selector should match the inner div element, because it is the first child"
68 text run at (0,18) width 168: "of the outer div element"
69 LayoutListItem {LI} at (40,597) size 615.19x276 [bgcolor=#AAAAAA]
70 LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
71 LayoutBlockFlow {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
72 LayoutBlockFlow {PRE} at (16,53) size 583.19x121 [bgcolor=#FFFFFF]
73 LayoutListMarker (anonymous) at (-37.78,6.50) size 17.78x17: "3"
74 LayoutText {#text} at (6,8) size 204x107
75 text run at (6,8) width 141: "div :first-child {"
76 text run at (146,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 48: "<div> "
81 text run at (53,55) width 1: " "
82 text run at (6,70) width 204: " <!-- Just a comment -->"
83 text run at (209,70) width 1: " "
84 text run at (6,85) width 110: " <div></div>"
85 text run at (115,85) width 1: " "
86 text run at (6,100) width 48: "</div>"
87 LayoutBlockFlow {P} at (16,190) size 583.19x54
88 LayoutText {#text} at (0,0) size 571x53
89 text run at (0,0) width 571: "The CSS selector should match the inner div element, because it is the first 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 308: "considered when determining the first child."
93 LayoutListItem {LI} at (40,921) size 615.19x291 [bgcolor=#AAAAAA]
94 LayoutBlockFlow {DIV} at (16,16) size 583.19x42 [bgcolor=#990000]
95 LayoutBlockFlow (anonymous) at (0,0) size 583.19x18
96 LayoutListMarker (anonymous) at (-37.78,0) size 17.78x17: "4"
97 LayoutText {#text} at (0,0) size 5x17
98 text run at (0,0) width 5: "."
99 LayoutBlockFlow {DIV} at (0,18) size 583.19x24 [bgcolor=#009900]
100 LayoutBlockFlow {PRE} at (16,71) size 583.19x118 [bgcolor=#FFFFFF]
101 LayoutText {#text} at (6,7) size 219x105
102 text run at (6,7) width 141: "div :first-child {"
103 text run at (146,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 48: "<div> "
108 text run at (53,52) width 1: " "
109 text run at (6,67) width 219: " How about regular text..."
110 text run at (224,67) width 1: " "
111 text run at (6,82) width 110: " <div></div>"
112 text run at (115,82) width 1: " "
113 text run at (6,97) width 48: "</div>"
114 LayoutBlockFlow {P} at (16,205) size 583.19x54
115 LayoutText {#text} at (0,0) size 571x53
116 text run at (0,0) width 571: "The CSS selector should match the inner div element, because it is the first 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 308: "considered when determining the first child."
120 LayoutListItem {LI} at (40,1260) size 615.19x258 [bgcolor=#AAAAAA]
121 LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
122 LayoutBlockFlow {BLOCKQUOTE} at (0,0) size 583.19x0 [bgcolor=#990000]
123 LayoutBlockFlow {DIV} at (0,0) size 583.19x24
124 LayoutBlockFlow {PRE} at (16,53) size 583.19x121 [bgcolor=#FFFFFF]
125 LayoutListMarker (anonymous) at (-37.78,6.50) size 17.78x17: "5"
126 LayoutText {#text} at (6,8) size 219x107
127 text run at (6,8) width 141: "div :first-child {"
128 text run at (146,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 48: "<div> "
133 text run at (53,55) width 1: " "
134 text run at (6,70) width 219: " <blockquote></blockquote>"
135 text run at (224,70) width 1: " "
136 text run at (6,85) width 110: " <div></div>"
137 text run at (115,85) width 1: " "
138 text run at (6,100) width 48: "</div>"
139 LayoutBlockFlow {P} at (16,190) size 583.19x36
140 LayoutText {#text} at (0,0) size 530x35
141 text run at (0,0) width 530: "The CSS selector should not match the inner div element, because it is the"
142 text run at (0,18) width 261: "second child of the outer div element"
143 LayoutListItem {LI} at (40,1566) size 615.19x288 [bgcolor=#AAAAAA]
144 LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
145 LayoutBlockFlow {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
146 LayoutBlockFlow {DIV} at (0,24) size 583.19x0
147 LayoutBlockFlow {PRE} at (16,53) size 583.19x151 [bgcolor=#FFFFFF]
148 LayoutListMarker (anonymous) at (-37.78,6.50) size 17.78x17: "6"
149 LayoutText {#text} at (6,8) size 508x137
150 text run at (6,8) width 141: "div :first-child {"
151 text run at (146,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 40: "<div>"
156 text run at (45,55) width 1: " "
157 text run at (6,70) width 251: " <div id='insertBefore'></div>"
158 text run at (256,70) width 1: " "
159 text run at (6,85) width 48: "</div>"
160 text run at (53,85) width 1: " "
161 text run at (6,100) width 1: " "
162 text run at (6,115) width 383: "var ib = document.getElementById('insertBefore');"
163 text run at (388,115) width 1: " "
164 text run at (6,130) width 508: "ib.parentElement.insertBefore(document.createElement(\"div\"), ib);"
165 LayoutBlockFlow {P} at (16,220) size 583.19x36
166 LayoutText {#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 LayoutListItem {LI} at (40,1902) size 615.19x270 [bgcolor=#AAAAAA]
170 LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
171 LayoutBlockFlow {DIV} at (0,0) size 583.19x0 [bgcolor=#990000]
172 LayoutBlockFlow {DIV} at (0,0) size 583.19x24
173 LayoutBlockFlow {PRE} at (16,53) size 583.19x151 [bgcolor=#FFFFFF]
174 LayoutListMarker (anonymous) at (-37.78,6.50) size 17.78x17: "7"
175 LayoutText {#text} at (6,8) size 508x137
176 text run at (6,8) width 141: "div :first-child {"
177 text run at (146,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 40: "<div>"
182 text run at (45,55) width 1: " "
183 text run at (6,70) width 251: " <div id='insertBefore'></div>"
184 text run at (256,70) width 1: " "
185 text run at (6,85) width 48: "</div>"
186 text run at (53,85) width 1: " "
187 text run at (6,100) width 1: " "
188 text run at (6,115) width 383: "var ib = document.getElementById('insertBefore');"
189 text run at (388,115) width 1: " "
190 text run at (6,130) width 508: "ib.parentElement.insertBefore(document.createElement(\"div\"), ib);"
191 LayoutBlockFlow {P} at (16,220) size 583.19x18
192 LayoutText {#text} at (0,0) size 520x17
193 text run at (0,0) width 520: "The original div element should not be a match for the :first-child selector."