1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1613
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 785x1613 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
4 LayoutBlockFlow {HTML} at (0,0) size 785x1613
5 LayoutBlockFlow {BODY} at (8,16) size 769x1549 [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 769x1515
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 134x92
32 text run at (6,8) width 134: "div :only-child {"
33 text run at (139,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 {PRE} at (16,53) size 583.19x121 [bgcolor=#FFFFFF]
50 LayoutListMarker (anonymous) at (-37.78,6.50) size 17.78x17: "2"
51 LayoutText {#text} at (6,8) size 204x107
52 text run at (6,8) width 134: "div :only-child {"
53 text run at (139,8) width 1: " "
54 text run at (6,25) width 9: "}"
55 text run at (14,25) width 1: " "
56 text run at (6,40) width 1: " "
57 text run at (6,55) width 40: "<div>"
58 text run at (45,55) width 1: " "
59 text run at (6,70) width 110: " <div></div>"
60 text run at (115,70) width 1: " "
61 text run at (6,85) width 204: " <!-- Just a comment -->"
62 text run at (209,85) width 1: " "
63 text run at (6,100) width 48: "</div>"
64 LayoutBlockFlow {P} at (16,190) size 583.19x36
65 LayoutText {#text} at (0,0) size 574x35
66 text run at (0,0) width 574: "The CSS selector should match the inner div element, because it is the only child"
67 text run at (0,18) width 168: "of the outer div element"
68 LayoutListItem {LI} at (40,597) size 615.19x273 [bgcolor=#AAAAAA]
69 LayoutBlockFlow {DIV} at (16,16) size 583.19x42 [bgcolor=#990000]
70 LayoutBlockFlow {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
71 LayoutBlockFlow (anonymous) at (0,24) size 583.19x18
72 LayoutListMarker (anonymous) at (-37.78,0) size 17.78x17: "3"
73 LayoutText {#text} at (0,0) size 5x17
74 text run at (0,0) width 5: "."
75 LayoutBlockFlow {PRE} at (16,71) size 583.19x118 [bgcolor=#FFFFFF]
76 LayoutText {#text} at (6,7) size 219x105
77 text run at (6,7) width 134: "div :only-child {"
78 text run at (139,7) width 1: " "
79 text run at (6,22) width 9: "}"
80 text run at (14,22) width 1: " "
81 text run at (6,37) width 1: " "
82 text run at (6,52) width 40: "<div>"
83 text run at (45,52) width 1: " "
84 text run at (6,67) width 110: " <div></div>"
85 text run at (115,67) width 1: " "
86 text run at (6,82) width 219: " How about regular text..."
87 text run at (224,82) width 1: " "
88 text run at (6,97) width 48: "</div>"
89 LayoutBlockFlow {P} at (16,205) size 583.19x36
90 LayoutText {#text} at (0,0) size 574x35
91 text run at (0,0) width 574: "The CSS selector should match the inner div element, because it is the only child"
92 text run at (0,18) width 168: "of the outer div element"
93 LayoutListItem {LI} at (40,918) size 615.19x261 [bgcolor=#AAAAAA]
94 LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
95 LayoutBlockFlow {DIV} at (0,0) size 583.19x24
96 LayoutBlockFlow {BLOCKQUOTE} at (40,40) size 503.19x0
97 LayoutBlockFlow {PRE} at (16,56) size 583.19x121 [bgcolor=#FFFFFF]
98 LayoutListMarker (anonymous) at (-37.78,6.50) size 17.78x17: "4"
99 LayoutText {#text} at (6,8) size 219x107
100 text run at (6,8) width 134: "div :only-child {"
101 text run at (139,8) width 1: " "
102 text run at (6,25) width 9: "}"
103 text run at (14,25) width 1: " "
104 text run at (6,40) width 1: " "
105 text run at (6,55) width 48: "<div> "
106 text run at (53,55) width 1: " "
107 text run at (6,70) width 110: " <div></div>"
108 text run at (115,70) width 1: " "
109 text run at (6,85) width 219: " <blockquote></blockquote>"
110 text run at (224,85) width 1: " "
111 text run at (6,100) width 48: "</div>"
112 LayoutBlockFlow {P} at (16,193) size 583.19x36
113 LayoutText {#text} at (0,0) size 574x35
114 text run at (0,0) width 574: "The CSS selector should not match the inner div element, because it not the only"
115 text run at (0,18) width 33: "child"
116 LayoutListItem {LI} at (40,1227) size 615.19x288 [bgcolor=#AAAAAA]
117 LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
118 LayoutBlockFlow {DIV} at (0,0) size 583.19x24
119 LayoutBlockFlow {DIV} at (0,24) size 583.19x0
120 LayoutBlockFlow {PRE} at (16,53) size 583.19x151 [bgcolor=#FFFFFF]
121 LayoutListMarker (anonymous) at (-37.78,6.50) size 17.78x17: "5"
122 LayoutText {#text} at (6,8) size 469x137
123 text run at (6,8) width 134: "div :only-child {"
124 text run at (139,8) width 1: " "
125 text run at (6,25) width 9: "}"
126 text run at (14,25) width 1: " "
127 text run at (6,40) width 1: " "
128 text run at (6,55) width 40: "<div>"
129 text run at (45,55) width 1: " "
130 text run at (6,70) width 243: " <div id='appendChild'></div>"
131 text run at (248,70) width 1: " "
132 text run at (6,85) width 48: "</div>"
133 text run at (53,85) width 1: " "
134 text run at (6,100) width 1: " "
135 text run at (6,115) width 375: "var ib = document.getElementById('appendChild');"
136 text run at (380,115) width 1: " "
137 text run at (6,130) width 469: "ib.parentElement.appendChild(document.createElement(\"div\"));"
138 LayoutBlockFlow {P} at (16,220) size 583.19x36
139 LayoutText {#text} at (0,0) size 572x35
140 text run at (0,0) width 523: "The CSS selector should not match the original div element, because it is "
141 text run at (522,0) width 50: "not the"
142 text run at (0,18) width 508: "only child anymore after another child is append by the Javascript code."