1 layer at (0,0) size 785x1549
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x1549
4 RenderBlock {HTML} at (0,0) size 785x1549
5 RenderBody {BODY} at (8,16) size 769x1485 [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 769x1451
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 :only-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 {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
49 RenderBlock {PRE} at (16,53) size 583.19x109 [bgcolor=#FFFFFF]
50 RenderListMarker at (-37.78,6.50) size 17.78x17: "2"
51 RenderText {#text} at (6,10) size 204x93
52 text run at (6,10) width 134: "div :only-child {"
53 text run at (139,10) width 1: " "
54 text run at (6,25) width 9: "}"
55 text run at (14,25) width 1: " "
56 text run at (6,38) width 1: " "
57 text run at (6,51) width 40: "<div>"
58 text run at (45,51) width 1: " "
59 text run at (6,64) width 110: " <div></div>"
60 text run at (115,64) width 1: " "
61 text run at (6,77) width 204: " <!-- Just a comment -->"
62 text run at (209,77) width 1: " "
63 text run at (6,90) width 48: "</div>"
64 RenderBlock {P} at (16,178) size 583.19x36
65 RenderText {#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 RenderListItem {LI} at (40,575) size 615.19x259 [bgcolor=#AAAAAA]
69 RenderBlock {DIV} at (16,16) size 583.19x42 [bgcolor=#990000]
70 RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
71 RenderBlock (anonymous) at (0,24) size 583.19x18
72 RenderListMarker at (-37.78,0) size 17.78x17: "3"
73 RenderText {#text} at (0,0) size 5x17
74 text run at (0,0) width 5: "."
75 RenderBlock {PRE} at (16,71) size 583.19x104 [bgcolor=#FFFFFF]
76 RenderText {#text} at (6,7) size 219x91
77 text run at (6,7) width 134: "div :only-child {"
78 text run at (139,7) width 1: " "
79 text run at (6,20) width 9: "}"
80 text run at (14,20) width 1: " "
81 text run at (6,33) width 1: " "
82 text run at (6,46) width 40: "<div>"
83 text run at (45,46) width 1: " "
84 text run at (6,59) width 110: " <div></div>"
85 text run at (115,59) width 1: " "
86 text run at (6,72) width 219: " How about regular text..."
87 text run at (224,72) width 1: " "
88 text run at (6,85) width 48: "</div>"
89 RenderBlock {P} at (16,191) size 583.19x36
90 RenderText {#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 RenderListItem {LI} at (40,882) size 615.19x249 [bgcolor=#AAAAAA]
94 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
95 RenderBlock {DIV} at (0,0) size 583.19x24
96 RenderBlock {BLOCKQUOTE} at (40,40) size 503.19x0
97 RenderBlock {PRE} at (16,56) size 583.19x109 [bgcolor=#FFFFFF]
98 RenderListMarker at (-37.78,6.50) size 17.78x17: "4"
99 RenderText {#text} at (6,10) size 219x93
100 text run at (6,10) width 134: "div :only-child {"
101 text run at (139,10) width 1: " "
102 text run at (6,25) width 9: "}"
103 text run at (14,25) width 1: " "
104 text run at (6,38) width 1: " "
105 text run at (6,51) width 48: "<div> "
106 text run at (53,51) width 1: " "
107 text run at (6,64) width 110: " <div></div>"
108 text run at (115,64) width 1: " "
109 text run at (6,77) width 219: " <blockquote></blockquote>"
110 text run at (224,77) width 1: " "
111 text run at (6,90) width 48: "</div>"
112 RenderBlock {P} at (16,181) size 583.19x36
113 RenderText {#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 RenderListItem {LI} at (40,1179) size 615.19x272 [bgcolor=#AAAAAA]
117 RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
118 RenderBlock {DIV} at (0,0) size 583.19x24
119 RenderBlock {DIV} at (0,24) size 583.19x0
120 RenderBlock {PRE} at (16,53) size 583.19x135 [bgcolor=#FFFFFF]
121 RenderListMarker at (-37.78,6.50) size 17.78x17: "5"
122 RenderText {#text} at (6,10) size 469x119
123 text run at (6,10) width 134: "div :only-child {"
124 text run at (139,10) width 1: " "
125 text run at (6,25) width 9: "}"
126 text run at (14,25) width 1: " "
127 text run at (6,38) width 1: " "
128 text run at (6,51) width 40: "<div>"
129 text run at (45,51) width 1: " "
130 text run at (6,64) width 243: " <div id='appendChild'></div>"
131 text run at (248,64) width 1: " "
132 text run at (6,77) width 48: "</div>"
133 text run at (53,77) width 1: " "
134 text run at (6,90) width 1: " "
135 text run at (6,103) width 375: "var ib = document.getElementById('appendChild');"
136 text run at (380,103) width 1: " "
137 text run at (6,116) width 469: "ib.parentElement.appendChild(document.createElement(\"div\"));"
138 RenderBlock {P} at (16,204) size 583.19x36
139 RenderText {#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."