| layer at (0,0) size 785x2892 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x2892 |
| RenderBlock {HTML} at (0,0) size 785x2892 |
| RenderBody {BODY} at (8,16) size 769x2828 [bgcolor=#FFFFFF] |
| RenderBlock {P} at (0,0) size 769x17 |
| RenderText {#text} at (0,0) size 165x17 |
| text run at (0,0) width 165: "This page is part of the " |
| RenderInline {A} at (0,0) size 73x17 [color=#0000EE] |
| RenderText {#text} at (165,0) size 73x17 |
| text run at (165,0) width 73: "CSS3.info" |
| RenderText {#text} at (238,0) size 4x17 |
| text run at (238,0) width 4: " " |
| RenderInline {A} at (0,0) size 131x17 [color=#0000EE] |
| RenderText {#text} at (242,0) size 131x17 |
| text run at (242,0) width 131: "CSS selectors test" |
| RenderText {#text} at (373,0) size 133x17 |
| text run at (373,0) width 133: ". See more info on " |
| RenderInline {A} at (0,0) size 111x17 [color=#0000EE] |
| RenderText {#text} at (506,0) size 111x17 |
| text run at (506,0) width 111: "CSS3 selectors" |
| RenderText {#text} at (617,0) size 4x17 |
| text run at (617,0) width 4: "." |
| RenderBlock {DIV} at (0,33) size 769x0 [bgcolor=#009900] |
| RenderBlock {OL} at (0,33) size 769x2795 |
| RenderListItem {LI} at (40,0) size 616x211 [bgcolor=#AAAAAA] |
| RenderBlock {DIV} at (16,16) size 584x24 [bgcolor=#990000] |
| RenderBlock {DIV} at (0,0) size 584x24 [bgcolor=#009900] |
| RenderBlock {PRE} at (16,53) size 584x76 [bgcolor=#FFFFFF] |
| RenderListMarker at (-37,6) size 17x18: "1" |
| RenderText {#text} at (7,9) size 280x61 |
| text run at (7,9) width 152: "div:first-of-type {" |
| text run at (159,9) width 0: " " |
| text run at (7,25) width 8: "}" |
| text run at (15,25) width 0: " " |
| text run at (7,40) width 0: " " |
| text run at (7,55) width 280: "<div>Does this element match?</div>" |
| RenderBlock {P} at (16,145) size 584x34 |
| RenderText {#text} at (0,0) size 551x34 |
| text run at (0,0) width 551: "The CSS selector should match the marked div element, because it is the only" |
| text run at (0,17) width 137: "element of this type" |
| RenderListItem {LI} at (40,259) size 616x226 [bgcolor=#AAAAAA] |
| RenderBlock {DIV} at (16,16) size 584x24 [bgcolor=#990000] |
| RenderBlock {DIV} at (0,0) size 584x24 [bgcolor=#009900] |
| RenderBlock {DIV} at (0,24) size 584x0 |
| RenderBlock {PRE} at (16,53) size 584x91 [bgcolor=#FFFFFF] |
| RenderListMarker at (-37,6) size 17x18: "2" |
| RenderText {#text} at (7,9) size 280x76 |
| text run at (7,9) width 152: "div:first-of-type {" |
| text run at (159,9) width 0: " " |
| text run at (7,25) width 8: "}" |
| text run at (15,25) width 0: " " |
| text run at (7,40) width 0: " " |
| text run at (7,55) width 280: "<div>Does this element match?</div>" |
| text run at (287,55) width 0: " " |
| text run at (7,70) width 88: "<div></div>" |
| RenderBlock {P} at (16,160) size 584x34 |
| RenderText {#text} at (0,0) size 546x34 |
| text run at (0,0) width 546: "The CSS selector should match the marked div element, because it is the first" |
| text run at (0,17) width 137: "element of this type" |
| RenderListItem {LI} at (40,533) size 616x226 [bgcolor=#AAAAAA] |
| RenderBlock {DIV} at (16,16) size 584x24 [bgcolor=#990000] |
| RenderBlock {BLOCKQUOTE} at (0,0) size 584x0 [bgcolor=#009900] |
| RenderBlock {DIV} at (0,0) size 584x24 [bgcolor=#009900] |
| RenderBlock {PRE} at (16,53) size 584x91 [bgcolor=#FFFFFF] |
| RenderListMarker at (-37,6) size 17x18: "3" |
| RenderText {#text} at (7,9) size 280x76 |
| text run at (7,9) width 152: "div:first-of-type {" |
| text run at (159,9) width 0: " " |
| text run at (7,25) width 8: "}" |
| text run at (15,25) width 0: " " |
| text run at (7,40) width 0: " " |
| text run at (7,55) width 200: "<blockquote></blockquote>" |
| text run at (207,55) width 0: " " |
| text run at (7,70) width 280: "<div>Does this element match?</div>" |
| RenderBlock {P} at (16,160) size 584x34 |
| RenderText {#text} at (0,0) size 546x34 |
| text run at (0,0) width 546: "The CSS selector should match the marked div element, because it is the first" |
| text run at (0,17) width 137: "element of this type" |
| RenderListItem {LI} at (40,807) size 616x256 [bgcolor=#AAAAAA] |
| RenderBlock {DIV} at (16,16) size 584x24 [bgcolor=#990000] |
| RenderBlock {DIV} at (0,0) size 584x0 [bgcolor=#009900] |
| RenderBlock {BLOCKQUOTE} at (0,0) size 584x24 [bgcolor=#009900] |
| RenderBlock {DIV} at (0,0) size 584x24 |
| RenderBlock {PRE} at (16,53) size 584x121 [bgcolor=#FFFFFF] |
| RenderListMarker at (-37,6) size 17x18: "4" |
| RenderText {#text} at (7,9) size 304x106 |
| text run at (7,9) width 152: "div:first-of-type {" |
| text run at (159,9) width 0: " " |
| text run at (7,25) width 8: "}" |
| text run at (15,25) width 0: " " |
| text run at (7,40) width 0: " " |
| text run at (7,55) width 88: "<div></div>" |
| text run at (95,55) width 0: " " |
| text run at (7,70) width 96: "<blockquote>" |
| text run at (103,70) width 0: " " |
| text run at (7,85) width 304: " <div>Does this element match?</div>" |
| text run at (311,85) width 0: " " |
| text run at (7,100) width 104: "</blockquote>" |
| RenderBlock {P} at (16,190) size 584x34 |
| RenderText {#text} at (0,0) size 546x34 |
| text run at (0,0) width 546: "The CSS selector should match the marked div element, because it is the first" |
| text run at (0,17) width 230: "element of this type in this scope" |
| RenderListItem {LI} at (40,1111) size 616x241 [bgcolor=#AAAAAA] |
| RenderBlock {DIV} at (16,16) size 584x24 [bgcolor=#990000] |
| RenderBlock {DIV} at (0,0) size 584x24 [bgcolor=#009900] |
| RenderBlock {DIV} at (0,0) size 584x24 |
| RenderBlock {PRE} at (16,53) size 584x106 [bgcolor=#FFFFFF] |
| RenderListMarker at (-37,6) size 17x18: "5" |
| RenderText {#text} at (7,9) size 304x91 |
| text run at (7,9) width 152: "div:first-of-type {" |
| text run at (159,9) width 0: " " |
| text run at (7,25) width 8: "}" |
| text run at (15,25) width 0: " " |
| text run at (7,40) width 0: " " |
| text run at (7,55) width 40: "<div>" |
| text run at (47,55) width 0: " " |
| text run at (7,70) width 304: " <div>Does this element match?</div>" |
| text run at (311,70) width 0: " " |
| text run at (7,85) width 48: "</div>" |
| RenderBlock {P} at (16,175) size 584x34 |
| RenderText {#text} at (0,0) size 546x34 |
| text run at (0,0) width 546: "The CSS selector should match the marked div element, because it is the first" |
| text run at (0,17) width 280: "element of this type in the current scope" |
| RenderListItem {LI} at (40,1400) size 616x256 [bgcolor=#AAAAAA] |
| RenderBlock {DIV} at (16,16) size 584x24 [bgcolor=#990000] |
| RenderBlock {BLOCKQUOTE} at (0,0) size 584x0 [bgcolor=#009900] |
| RenderBlock {DIV} at (0,0) size 584x0 |
| RenderBlock {DIV} at (0,0) size 584x24 [bgcolor=#009900] |
| RenderBlock {PRE} at (16,53) size 584x121 [bgcolor=#FFFFFF] |
| RenderListMarker at (-37,6) size 17x18: "6" |
| RenderText {#text} at (7,9) size 280x106 |
| text run at (7,9) width 152: "div:first-of-type {" |
| text run at (159,9) width 0: " " |
| text run at (7,25) width 8: "}" |
| text run at (15,25) width 0: " " |
| text run at (7,40) width 0: " " |
| text run at (7,55) width 96: "<blockquote>" |
| text run at (103,55) width 0: " " |
| text run at (7,70) width 112: " <div></div>" |
| text run at (119,70) width 0: " " |
| text run at (7,85) width 104: "</blockquote>" |
| text run at (111,85) width 0: " " |
| text run at (7,100) width 280: "<div>Does this element match?</div>" |
| RenderBlock {P} at (16,190) size 584x34 |
| RenderText {#text} at (0,0) size 546x34 |
| text run at (0,0) width 546: "The CSS selector should match the marked div element, because it is the first" |
| text run at (0,17) width 280: "element of this type in the current scope" |
| RenderListItem {LI} at (40,1704) size 616x226 [bgcolor=#AAAAAA] |
| RenderBlock {DIV} at (16,16) size 584x24 [bgcolor=#009900] |
| RenderBlock {DIV} at (0,0) size 584x0 [bgcolor=#990000] |
| RenderBlock {DIV} at (0,0) size 584x24 |
| RenderBlock {PRE} at (16,53) size 584x91 [bgcolor=#FFFFFF] |
| RenderListMarker at (-37,6) size 17x18: "7" |
| RenderText {#text} at (7,9) size 280x76 |
| text run at (7,9) width 152: "div:first-of-type {" |
| text run at (159,9) width 0: " " |
| text run at (7,25) width 8: "}" |
| text run at (15,25) width 0: " " |
| text run at (7,40) width 0: " " |
| text run at (7,55) width 88: "<div></div>" |
| text run at (95,55) width 0: " " |
| text run at (7,70) width 280: "<div>Does this element match?</div>" |
| RenderBlock {P} at (16,160) size 584x34 |
| RenderText {#text} at (0,0) size 543x34 |
| text run at (0,0) width 543: "The CSS selector should not match the marked div element, because it is the" |
| text run at (0,17) width 193: "second element of this type" |
| RenderListItem {LI} at (40,1978) size 616x226 [bgcolor=#AAAAAA] |
| RenderBlock {DIV} at (16,16) size 584x24 [bgcolor=#009900] |
| RenderBlock {DIV} at (0,0) size 584x0 [bgcolor=#990000] |
| RenderBlock {DIV} at (0,0) size 584x24 |
| RenderBlock {PRE} at (16,53) size 584x91 [bgcolor=#FFFFFF] |
| RenderListMarker at (-37,6) size 17x18: "8" |
| RenderText {#text} at (7,9) size 280x76 |
| text run at (7,9) width 152: "div:first-of-type {" |
| text run at (159,9) width 0: " " |
| text run at (7,25) width 8: "}" |
| text run at (15,25) width 0: " " |
| text run at (7,40) width 0: " " |
| text run at (7,55) width 88: "<DIV></DIV>" |
| text run at (95,55) width 0: " " |
| text run at (7,70) width 280: "<div>Does this element match?</div>" |
| RenderBlock {P} at (16,160) size 584x34 |
| RenderText {#text} at (0,0) size 543x34 |
| text run at (0,0) width 543: "The CSS selector should not match the marked div element, because it is the" |
| text run at (0,17) width 193: "second element of this type" |
| RenderListItem {LI} at (40,2252) size 616x256 [bgcolor=#AAAAAA] |
| RenderBlock {DIV} at (16,16) size 584x24 [bgcolor=#990000] |
| RenderBlock {DIV} at (0,0) size 584x24 [bgcolor=#009900] |
| RenderBlock {DIV} at (0,24) size 584x0 |
| RenderBlock {PRE} at (16,53) size 584x121 [bgcolor=#FFFFFF] |
| RenderListMarker at (-37,6) size 17x18: "9" |
| RenderText {#text} at (7,9) size 520x106 |
| text run at (7,9) width 152: "div:first-of-type {" |
| text run at (159,9) width 0: " " |
| text run at (7,25) width 8: "}" |
| text run at (15,25) width 0: " " |
| text run at (7,40) width 0: " " |
| text run at (7,55) width 232: "<div id='insertBefore'></div>" |
| text run at (239,55) width 0: " " |
| text run at (7,70) width 0: " " |
| text run at (7,85) width 392: "var ib = document.getElementById('insertBefore');" |
| text run at (399,85) width 0: " " |
| text run at (7,100) width 520: "ib.parentElement.insertBefore(document.createElement(\"div\"), ib);" |
| RenderBlock {P} at (16,190) size 584x34 |
| RenderText {#text} at (0,0) size 567x34 |
| text run at (0,0) width 567: "The CSS selector should match the div element that is inserted by the Javascript" |
| text run at (0,17) width 39: "code." |
| RenderListItem {LI} at (40,2556) size 616x239 [bgcolor=#AAAAAA] |
| RenderBlock {DIV} at (16,16) size 584x24 [bgcolor=#009900] |
| RenderBlock {DIV} at (0,0) size 584x0 [bgcolor=#990000] |
| RenderBlock {DIV} at (0,0) size 584x24 |
| RenderBlock {PRE} at (16,53) size 584x121 [bgcolor=#FFFFFF] |
| RenderListMarker at (-46,6) size 26x18: "10" |
| RenderText {#text} at (7,9) size 520x106 |
| text run at (7,9) width 152: "div:first-of-type {" |
| text run at (159,9) width 0: " " |
| text run at (7,25) width 8: "}" |
| text run at (15,25) width 0: " " |
| text run at (7,40) width 0: " " |
| text run at (7,55) width 232: "<div id='insertBefore'></div>" |
| text run at (239,55) width 0: " " |
| text run at (7,70) width 0: " " |
| text run at (7,85) width 392: "var ib = document.getElementById('insertBefore');" |
| text run at (399,85) width 0: " " |
| text run at (7,100) width 520: "ib.parentElement.insertBefore(document.createElement(\"div\"), ib);" |
| RenderBlock {P} at (16,190) size 584x17 |
| RenderText {#text} at (0,0) size 529x17 |
| text run at (0,0) width 529: "The original div element should not be a match for the :first-of-type selector." |
