| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1654 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 785x1654 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 785x1654 | |
| 5 LayoutBlockFlow {BODY} at (8,16) size 769x1590 [bgcolor=#FFFFFF] | |
| 6 LayoutBlockFlow {P} at (0,0) size 769x19 | |
| 7 LayoutText {#text} at (0,0) size 162x18 | |
| 8 text run at (0,0) width 162: "This page is part of the " | |
| 9 LayoutInline {A} at (0,0) size 72x18 [color=#0000EE] | |
| 10 LayoutText {#text} at (162,0) size 72x18 | |
| 11 text run at (162,0) width 72: "CSS3.info" | |
| 12 LayoutText {#text} at (234,0) size 4x18 | |
| 13 text run at (234,0) width 4: " " | |
| 14 LayoutInline {A} at (0,0) size 130x18 [color=#0000EE] | |
| 15 LayoutText {#text} at (238,0) size 130x18 | |
| 16 text run at (238,0) width 130: "CSS selectors test" | |
| 17 LayoutText {#text} at (368,0) size 131x18 | |
| 18 text run at (368,0) width 131: ". See more info on " | |
| 19 LayoutInline {A} at (0,0) size 110x18 [color=#0000EE] | |
| 20 LayoutText {#text} at (499,0) size 110x18 | |
| 21 text run at (499,0) width 110: "CSS3 selectors" | |
| 22 LayoutText {#text} at (609,0) size 4x18 | |
| 23 text run at (609,0) width 4: "." | |
| 24 LayoutBlockFlow {DIV} at (0,35) size 769x0 [bgcolor=#009900] | |
| 25 LayoutBlockFlow {OL} at (0,35) size 769x1555 | |
| 26 LayoutListItem {LI} at (40,0) size 615.19x200 [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.19x80 [bgcolor=#FFFFFF] | |
| 30 LayoutListMarker (anonymous) at (-33,6.50) size 17x18: "1" | |
| 31 LayoutText {#text} at (6,9) size 89x65 | |
| 32 text run at (6,9) width 65: ":empty {" | |
| 33 text run at (70,9) width 1: " " | |
| 34 text run at (6,26) width 9: "}" | |
| 35 text run at (14,26) width 1: " " | |
| 36 text run at (6,42) width 1: " " | |
| 37 text run at (6,58) width 89: "<div></div>" | |
| 38 LayoutBlockFlow {P} at (16,149) size 583.19x19 | |
| 39 LayoutText {#text} at (0,0) size 468x18 | |
| 40 text run at (0,0) width 468: "The CSS selector should match the di
v element, because it is empty" | |
| 41 LayoutListItem {LI} at (40,248) size 615.19x200 [bgcolor=#AAAAAA] | |
| 42 LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#990000] | |
| 43 LayoutBlockFlow {DIV} at (0,0) size 583.19x24 [bgcolor=#009900] | |
| 44 LayoutBlockFlow {PRE} at (16,53) size 583.19x80 [bgcolor=#FFFFFF] | |
| 45 LayoutListMarker (anonymous) at (-33,6.50) size 17x18: "2" | |
| 46 LayoutText {#text} at (6,9) size 273x65 | |
| 47 text run at (6,9) width 65: ":empty {" | |
| 48 text run at (70,9) width 1: " " | |
| 49 text run at (6,26) width 9: "}" | |
| 50 text run at (14,26) width 1: " " | |
| 51 text run at (6,42) width 1: " " | |
| 52 text run at (6,58) width 273: "<div><!-- Just a comment --></div>" | |
| 53 LayoutBlockFlow {P} at (16,149) size 583.19x19 | |
| 54 LayoutText {#text} at (0,0) size 468x18 | |
| 55 text run at (0,0) width 468: "The CSS selector should match the di
v element, because it is empty" | |
| 56 LayoutListItem {LI} at (40,496) size 615.19x200 [bgcolor=#AAAAAA] | |
| 57 LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#009900] | |
| 58 LayoutBlockFlow {DIV} at (0,0) size 583.19x24 | |
| 59 LayoutBlockFlow {PRE} at (16,53) size 583.19x80 [bgcolor=#FFFFFF] | |
| 60 LayoutListMarker (anonymous) at (-33,6.50) size 17x18: "3" | |
| 61 LayoutText {#text} at (6,9) size 97x65 | |
| 62 text run at (6,9) width 65: ":empty {" | |
| 63 text run at (70,9) width 1: " " | |
| 64 text run at (6,26) width 9: "}" | |
| 65 text run at (14,26) width 1: " " | |
| 66 text run at (6,42) width 1: " " | |
| 67 text run at (6,58) width 97: "<div> </div>" | |
| 68 LayoutBlockFlow {P} at (16,149) size 583.19x19 | |
| 69 LayoutText {#text} at (0,0) size 518x18 | |
| 70 text run at (0,0) width 518: "The CSS selector should not match th
e div element, because it is not empty" | |
| 71 LayoutListItem {LI} at (40,744) size 615.19x248 [bgcolor=#AAAAAA] | |
| 72 LayoutBlockFlow {DIV} at (16,16) size 583.19x43 [bgcolor=#009900] | |
| 73 LayoutBlockFlow {DIV} at (0,0) size 583.19x43 | |
| 74 LayoutListMarker (anonymous) at (-33,12) size 17x18: "4" | |
| 75 LayoutText {#text} at (12,12) size 4x18 | |
| 76 text run at (12,12) width 4: "." | |
| 77 LayoutBlockFlow {PRE} at (16,72) size 583.19x109 [bgcolor=#FFFFFF] | |
| 78 LayoutText {#text} at (6,7) size 225x96 | |
| 79 text run at (6,7) width 65: ":empty {" | |
| 80 text run at (70,7) width 1: " " | |
| 81 text run at (6,23) width 9: "}" | |
| 82 text run at (14,23) width 1: " " | |
| 83 text run at (6,39) width 1: " " | |
| 84 text run at (6,55) width 49: "<div> " | |
| 85 text run at (54,55) width 1: " " | |
| 86 text run at (6,71) width 225: " How about regular text..." | |
| 87 text run at (230,71) width 1: " " | |
| 88 text run at (6,87) width 49: "</div>" | |
| 89 LayoutBlockFlow {P} at (16,197) size 583.19x19 | |
| 90 LayoutText {#text} at (0,0) size 518x18 | |
| 91 text run at (0,0) width 518: "The CSS selector should not match th
e div element, because it is not empty" | |
| 92 LayoutListItem {LI} at (40,1040) size 615.19x200 [bgcolor=#AAAAAA] | |
| 93 LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#009900] | |
| 94 LayoutBlockFlow {DIV} at (0,0) size 583.19x24 | |
| 95 LayoutBlockFlow {BLOCKQUOTE} at (12,12) size 559.19x0 [bgcolor=#99
0000] | |
| 96 LayoutBlockFlow {PRE} at (16,53) size 583.19x80 [bgcolor=#FFFFFF] | |
| 97 LayoutListMarker (anonymous) at (-33,6.50) size 17x18: "5" | |
| 98 LayoutText {#text} at (6,9) size 289x65 | |
| 99 text run at (6,9) width 65: ":empty {" | |
| 100 text run at (70,9) width 1: " " | |
| 101 text run at (6,26) width 9: "}" | |
| 102 text run at (14,26) width 1: " " | |
| 103 text run at (6,42) width 1: " " | |
| 104 text run at (6,58) width 289: "<div><blockquote></blockquote></div
>" | |
| 105 LayoutBlockFlow {P} at (16,149) size 583.19x19 | |
| 106 LayoutText {#text} at (0,0) size 518x18 | |
| 107 text run at (0,0) width 518: "The CSS selector should not match th
e div element, because it is not empty" | |
| 108 LayoutListItem {LI} at (40,1288) size 615.19x267 [bgcolor=#AAAAAA] | |
| 109 LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#009900] | |
| 110 LayoutBlockFlow {DIV} at (0,0) size 583.19x24 | |
| 111 LayoutBlockFlow {DIV} at (12,12) size 559.19x0 [bgcolor=#990000] | |
| 112 LayoutBlockFlow {PRE} at (16,53) size 583.19x128 [bgcolor=#FFFFFF] | |
| 113 LayoutListMarker (anonymous) at (-33,6.50) size 17x18: "6" | |
| 114 LayoutText {#text} at (6,9) size 385x113 | |
| 115 text run at (6,9) width 65: ":empty {" | |
| 116 text run at (70,9) width 1: " " | |
| 117 text run at (6,26) width 9: "}" | |
| 118 text run at (14,26) width 1: " " | |
| 119 text run at (6,42) width 1: " " | |
| 120 text run at (6,58) width 225: "<div id='appendChild'></div>" | |
| 121 text run at (230,58) width 1: " " | |
| 122 text run at (6,74) width 1: " " | |
| 123 text run at (6,90) width 385: "var ib = document.getElementById('a
ppendChild');" | |
| 124 text run at (390,90) width 1: " " | |
| 125 text run at (6,106) width 369: "ib.appendChild(document.createElem
ent(\"div\"));" | |
| 126 LayoutBlockFlow {P} at (16,197) size 583.19x38 | |
| 127 LayoutText {#text} at (0,0) size 554x37 | |
| 128 text run at (0,0) width 554: "The CSS selector should not match th
e orignal div element, because it will not be" | |
| 129 text run at (0,19) width 46: "empty " | |
| 130 text run at (46,19) width 440: "anymore after the Javascript code
appends a child element to it." | |
| OLD | NEW |