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