1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
|
layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1645
LayoutView at (0,0) size 800x600
layer at (0,0) size 785x1645 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutBlockFlow {HTML} at (0,0) size 785x1645
LayoutBlockFlow {BODY} at (8,16) size 769x1581 [bgcolor=#FFFFFF]
LayoutBlockFlow {P} at (0,0) size 769x18
LayoutText {#text} at (0,0) size 168x17
text run at (0,0) width 168: "This page is part of the "
LayoutInline {A} at (0,0) size 73x17 [color=#0000EE]
LayoutText {#text} at (167,0) size 73x17
text run at (167,0) width 73: "CSS3.info"
LayoutText {#text} at (239,0) size 5x17
text run at (239,0) width 5: " "
LayoutInline {A} at (0,0) size 133x17 [color=#0000EE]
LayoutText {#text} at (243,0) size 133x17
text run at (243,0) width 133: "CSS selectors test"
LayoutText {#text} at (375,0) size 136x17
text run at (375,0) width 136: ". See more info on "
LayoutInline {A} at (0,0) size 111x17 [color=#0000EE]
LayoutText {#text} at (510,0) size 111x17
text run at (510,0) width 111: "CSS3 selectors"
LayoutText {#text} at (620,0) size 6x17
text run at (620,0) width 6: "."
LayoutBlockFlow {DIV} at (0,34) size 769x0 [bgcolor=#009900]
LayoutBlockFlow {OL} at (0,34) size 769x1547
LayoutListItem {LI} at (40,0) size 615.19x248 [bgcolor=#AAAAAA]
LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
LayoutBlockFlow {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
LayoutBlockFlow {PRE} at (16,53) size 583.19x111 [bgcolor=#FFFFFF]
LayoutListMarker (anonymous) at (-33.78,6.50) size 17.78x17: "1"
LayoutText {#text} at (6,8) size 137x97
text run at (6,8) width 137: "div :only-child {"
text run at (142,8) width 1: " "
text run at (6,25) width 9: "}"
text run at (14,25) width 1: " "
text run at (6,41) width 1: " "
text run at (6,57) width 41: "<div>"
text run at (46,57) width 1: " "
text run at (6,73) width 113: " <div></div>"
text run at (118,73) width 1: " "
text run at (6,89) width 49: "</div>"
LayoutBlockFlow {P} at (16,180) size 583.19x36
LayoutText {#text} at (0,0) size 574x35
text run at (0,0) width 574: "The CSS selector should match the inner div element, because it is the only child"
text run at (0,18) width 168: "of the outer div element"
LayoutListItem {LI} at (40,296) size 615.19x264 [bgcolor=#AAAAAA]
LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
LayoutBlockFlow {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
LayoutBlockFlow {PRE} at (16,53) size 583.19x127 [bgcolor=#FFFFFF]
LayoutListMarker (anonymous) at (-33.78,6.50) size 17.78x17: "2"
LayoutText {#text} at (6,8) size 209x113
text run at (6,8) width 137: "div :only-child {"
text run at (142,8) width 1: " "
text run at (6,25) width 9: "}"
text run at (14,25) width 1: " "
text run at (6,41) width 1: " "
text run at (6,57) width 41: "<div>"
text run at (46,57) width 1: " "
text run at (6,73) width 113: " <div></div>"
text run at (118,73) width 1: " "
text run at (6,89) width 209: " <!-- Just a comment -->"
text run at (214,89) width 1: " "
text run at (6,105) width 49: "</div>"
LayoutBlockFlow {P} at (16,196) size 583.19x36
LayoutText {#text} at (0,0) size 574x35
text run at (0,0) width 574: "The CSS selector should match the inner div element, because it is the only child"
text run at (0,18) width 168: "of the outer div element"
LayoutListItem {LI} at (40,608) size 615.19x280 [bgcolor=#AAAAAA]
LayoutBlockFlow {DIV} at (16,16) size 583.19x42 [bgcolor=#990000]
LayoutBlockFlow {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
LayoutBlockFlow (anonymous) at (0,24) size 583.19x18
LayoutListMarker (anonymous) at (-33.78,0) size 17.78x17: "3"
LayoutText {#text} at (0,0) size 5x17
text run at (0,0) width 5: "."
LayoutBlockFlow {PRE} at (16,71) size 583.19x125 [bgcolor=#FFFFFF]
LayoutText {#text} at (6,7) size 225x112
text run at (6,7) width 137: "div :only-child {"
text run at (142,7) width 1: " "
text run at (6,23) width 9: "}"
text run at (14,23) width 1: " "
text run at (6,39) width 1: " "
text run at (6,55) width 41: "<div>"
text run at (46,55) width 1: " "
text run at (6,71) width 113: " <div></div>"
text run at (118,71) width 1: " "
text run at (6,87) width 225: " How about regular text..."
text run at (230,87) width 1: " "
text run at (6,103) width 49: "</div>"
LayoutBlockFlow {P} at (16,212) size 583.19x36
LayoutText {#text} at (0,0) size 574x35
text run at (0,0) width 574: "The CSS selector should match the inner div element, because it is the only child"
text run at (0,18) width 168: "of the outer div element"
LayoutListItem {LI} at (40,936) size 615.19x267 [bgcolor=#AAAAAA]
LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
LayoutBlockFlow {DIV} at (0,0) size 583.19x24
LayoutBlockFlow {BLOCKQUOTE} at (40,40) size 503.19x0
LayoutBlockFlow {PRE} at (16,56) size 583.19x127 [bgcolor=#FFFFFF]
LayoutListMarker (anonymous) at (-33.78,6.50) size 17.78x17: "4"
LayoutText {#text} at (6,8) size 225x113
text run at (6,8) width 137: "div :only-child {"
text run at (142,8) width 1: " "
text run at (6,25) width 9: "}"
text run at (14,25) width 1: " "
text run at (6,41) width 1: " "
text run at (6,57) width 49: "<div> "
text run at (54,57) width 1: " "
text run at (6,73) width 113: " <div></div>"
text run at (118,73) width 1: " "
text run at (6,89) width 225: " <blockquote></blockquote>"
text run at (230,89) width 1: " "
text run at (6,105) width 49: "</div>"
LayoutBlockFlow {P} at (16,199) size 583.19x36
LayoutText {#text} at (0,0) size 574x35
text run at (0,0) width 574: "The CSS selector should not match the inner div element, because it not the only"
text run at (0,18) width 33: "child"
LayoutListItem {LI} at (40,1251) size 615.19x296 [bgcolor=#AAAAAA]
LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
LayoutBlockFlow {DIV} at (0,0) size 583.19x24
LayoutBlockFlow {DIV} at (0,24) size 583.19x0
LayoutBlockFlow {PRE} at (16,53) size 583.19x159 [bgcolor=#FFFFFF]
LayoutListMarker (anonymous) at (-33.78,6.50) size 17.78x17: "5"
LayoutText {#text} at (6,8) size 481x145
text run at (6,8) width 137: "div :only-child {"
text run at (142,8) width 1: " "
text run at (6,25) width 9: "}"
text run at (14,25) width 1: " "
text run at (6,41) width 1: " "
text run at (6,57) width 41: "<div>"
text run at (46,57) width 1: " "
text run at (6,73) width 249: " <div id='appendChild'></div>"
text run at (254,73) width 1: " "
text run at (6,89) width 49: "</div>"
text run at (54,89) width 1: " "
text run at (6,105) width 1: " "
text run at (6,121) width 385: "var ib = document.getElementById('appendChild');"
text run at (390,121) width 1: " "
text run at (6,137) width 481: "ib.parentElement.appendChild(document.createElement(\"div\"));"
LayoutBlockFlow {P} at (16,228) size 583.19x36
LayoutText {#text} at (0,0) size 572x35
text run at (0,0) width 523: "The CSS selector should not match the original div element, because it is "
text run at (522,0) width 50: "not the"
text run at (0,18) width 508: "only child anymore after another child is append by the Javascript code."
|
