| layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2990 |
| LayoutView at (0,0) size 800x600 |
| layer at (0,0) size 785x2990 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 |
| LayoutBlockFlow {HTML} at (0,0) size 785x2990 |
| LayoutBlockFlow {BODY} at (8,16) size 769x2926 [bgcolor=#FFFFFF] |
| LayoutBlockFlow {P} at (0,0) size 769x19 |
| LayoutText {#text} at (0,0) size 162x18 |
| text run at (0,0) width 162: "This page is part of the " |
| LayoutInline {A} at (0,0) size 72x18 [color=#0000EE] |
| LayoutText {#text} at (162,0) size 72x18 |
| text run at (162,0) width 72: "CSS3.info" |
| LayoutText {#text} at (234,0) size 4x18 |
| text run at (234,0) width 4: " " |
| LayoutInline {A} at (0,0) size 130x18 [color=#0000EE] |
| LayoutText {#text} at (238,0) size 130x18 |
| text run at (238,0) width 130: "CSS selectors test" |
| LayoutText {#text} at (368,0) size 131x18 |
| text run at (368,0) width 131: ". See more info on " |
| LayoutInline {A} at (0,0) size 110x18 [color=#0000EE] |
| LayoutText {#text} at (499,0) size 110x18 |
| text run at (499,0) width 110: "CSS3 selectors" |
| LayoutText {#text} at (609,0) size 4x18 |
| text run at (609,0) width 4: "." |
| LayoutBlockFlow {DIV} at (0,35) size 769x0 [bgcolor=#009900] |
| LayoutBlockFlow {OL} at (0,35) size 769x2891 |
| LayoutListItem {LI} at (40,0) size 615.19x219 [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.19x80 [bgcolor=#FFFFFF] |
| LayoutListMarker (anonymous) at (-33,6.50) size 17x18: "1" |
| LayoutText {#text} at (6,9) size 281x65 |
| text run at (6,9) width 153: "div:first-of-type {" |
| text run at (158,9) width 1: " " |
| text run at (6,26) width 9: "}" |
| text run at (14,26) width 1: " " |
| text run at (6,42) width 1: " " |
| text run at (6,58) width 281: "<div>Does this element match?</div>" |
| LayoutBlockFlow {P} at (16,149) size 583.19x38 |
| LayoutText {#text} at (0,0) size 535x37 |
| text run at (0,0) width 535: "The CSS selector should match the marked div element, because it is the only" |
| text run at (0,19) width 133: "element of this type" |
| LayoutListItem {LI} at (40,267) size 615.19x235 [bgcolor=#AAAAAA] |
| LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#990000] |
| LayoutBlockFlow {DIV} at (0,0) size 583.19x24 [bgcolor=#009900] |
| LayoutBlockFlow {DIV} at (0,24) size 583.19x0 |
| LayoutBlockFlow {PRE} at (16,53) size 583.19x96 [bgcolor=#FFFFFF] |
| LayoutListMarker (anonymous) at (-33,6.50) size 17x18: "2" |
| LayoutText {#text} at (6,9) size 281x81 |
| text run at (6,9) width 153: "div:first-of-type {" |
| text run at (158,9) width 1: " " |
| text run at (6,26) width 9: "}" |
| text run at (14,26) width 1: " " |
| text run at (6,42) width 1: " " |
| text run at (6,58) width 281: "<div>Does this element match?</div>" |
| text run at (286,58) width 1: " " |
| text run at (6,74) width 89: "<div></div>" |
| LayoutBlockFlow {P} at (16,165) size 583.19x38 |
| LayoutText {#text} at (0,0) size 533x37 |
| text run at (0,0) width 533: "The CSS selector should match the marked div element, because it is the first" |
| text run at (0,19) width 133: "element of this type" |
| LayoutListItem {LI} at (40,550) size 615.19x235 [bgcolor=#AAAAAA] |
| LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#990000] |
| LayoutBlockFlow {BLOCKQUOTE} at (0,0) size 583.19x0 [bgcolor=#009900] |
| LayoutBlockFlow {DIV} at (0,0) size 583.19x24 [bgcolor=#009900] |
| LayoutBlockFlow {PRE} at (16,53) size 583.19x96 [bgcolor=#FFFFFF] |
| LayoutListMarker (anonymous) at (-33,6.50) size 17x18: "3" |
| LayoutText {#text} at (6,9) size 281x81 |
| text run at (6,9) width 153: "div:first-of-type {" |
| text run at (158,9) width 1: " " |
| text run at (6,26) width 9: "}" |
| text run at (14,26) width 1: " " |
| text run at (6,42) width 1: " " |
| text run at (6,58) width 201: "<blockquote></blockquote>" |
| text run at (206,58) width 1: " " |
| text run at (6,74) width 281: "<div>Does this element match?</div>" |
| LayoutBlockFlow {P} at (16,165) size 583.19x38 |
| LayoutText {#text} at (0,0) size 533x37 |
| text run at (0,0) width 533: "The CSS selector should match the marked div element, because it is the first" |
| text run at (0,19) width 133: "element of this type" |
| LayoutListItem {LI} at (40,833) size 615.19x267 [bgcolor=#AAAAAA] |
| LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#990000] |
| LayoutBlockFlow {DIV} at (0,0) size 583.19x0 [bgcolor=#009900] |
| LayoutBlockFlow {BLOCKQUOTE} at (0,0) size 583.19x24 [bgcolor=#009900] |
| LayoutBlockFlow {DIV} at (0,0) size 583.19x24 |
| LayoutBlockFlow {PRE} at (16,53) size 583.19x128 [bgcolor=#FFFFFF] |
| LayoutListMarker (anonymous) at (-33,6.50) size 17x18: "4" |
| LayoutText {#text} at (6,9) size 305x113 |
| text run at (6,9) width 153: "div:first-of-type {" |
| text run at (158,9) width 1: " " |
| text run at (6,26) width 9: "}" |
| text run at (14,26) width 1: " " |
| text run at (6,42) width 1: " " |
| text run at (6,58) width 89: "<div></div>" |
| text run at (94,58) width 1: " " |
| text run at (6,74) width 97: "<blockquote>" |
| text run at (102,74) width 1: " " |
| text run at (6,90) width 305: " <div>Does this element match?</div>" |
| text run at (310,90) width 1: " " |
| text run at (6,106) width 105: "</blockquote>" |
| LayoutBlockFlow {P} at (16,197) size 583.19x38 |
| LayoutText {#text} at (0,0) size 533x37 |
| text run at (0,0) width 533: "The CSS selector should match the marked div element, because it is the first" |
| text run at (0,19) width 224: "element of this type in this scope" |
| LayoutListItem {LI} at (40,1148) size 615.19x251 [bgcolor=#AAAAAA] |
| LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#990000] |
| LayoutBlockFlow {DIV} at (0,0) size 583.19x24 [bgcolor=#009900] |
| LayoutBlockFlow {DIV} at (0,0) size 583.19x24 |
| LayoutBlockFlow {PRE} at (16,53) size 583.19x112 [bgcolor=#FFFFFF] |
| LayoutListMarker (anonymous) at (-33,6.50) size 17x18: "5" |
| LayoutText {#text} at (6,9) size 305x97 |
| text run at (6,9) width 153: "div:first-of-type {" |
| text run at (158,9) width 1: " " |
| text run at (6,26) width 9: "}" |
| text run at (14,26) width 1: " " |
| text run at (6,42) width 1: " " |
| text run at (6,58) width 41: "<div>" |
| text run at (46,58) width 1: " " |
| text run at (6,74) width 305: " <div>Does this element match?</div>" |
| text run at (310,74) width 1: " " |
| text run at (6,90) width 49: "</div>" |
| LayoutBlockFlow {P} at (16,181) size 583.19x38 |
| LayoutText {#text} at (0,0) size 533x37 |
| text run at (0,0) width 533: "The CSS selector should match the marked div element, because it is the first" |
| text run at (0,19) width 272: "element of this type in the current scope" |
| LayoutListItem {LI} at (40,1447) size 615.19x267 [bgcolor=#AAAAAA] |
| LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#990000] |
| LayoutBlockFlow {BLOCKQUOTE} at (0,0) size 583.19x0 [bgcolor=#009900] |
| LayoutBlockFlow {DIV} at (0,0) size 583.19x0 |
| LayoutBlockFlow {DIV} at (0,0) size 583.19x24 [bgcolor=#009900] |
| LayoutBlockFlow {PRE} at (16,53) size 583.19x128 [bgcolor=#FFFFFF] |
| LayoutListMarker (anonymous) at (-33,6.50) size 17x18: "6" |
| LayoutText {#text} at (6,9) size 281x113 |
| text run at (6,9) width 153: "div:first-of-type {" |
| text run at (158,9) width 1: " " |
| text run at (6,26) width 9: "}" |
| text run at (14,26) width 1: " " |
| text run at (6,42) width 1: " " |
| text run at (6,58) width 97: "<blockquote>" |
| text run at (102,58) width 1: " " |
| text run at (6,74) width 113: " <div></div>" |
| text run at (118,74) width 1: " " |
| text run at (6,90) width 105: "</blockquote>" |
| text run at (110,90) width 1: " " |
| text run at (6,106) width 281: "<div>Does this element match?</div>" |
| LayoutBlockFlow {P} at (16,197) size 583.19x38 |
| LayoutText {#text} at (0,0) size 533x37 |
| text run at (0,0) width 533: "The CSS selector should match the marked div element, because it is the first" |
| text run at (0,19) width 272: "element of this type in the current scope" |
| LayoutListItem {LI} at (40,1762) size 615.19x235 [bgcolor=#AAAAAA] |
| LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#009900] |
| LayoutBlockFlow {DIV} at (0,0) size 583.19x0 [bgcolor=#990000] |
| LayoutBlockFlow {DIV} at (0,0) size 583.19x24 |
| LayoutBlockFlow {PRE} at (16,53) size 583.19x96 [bgcolor=#FFFFFF] |
| LayoutListMarker (anonymous) at (-33,6.50) size 17x18: "7" |
| LayoutText {#text} at (6,9) size 281x81 |
| text run at (6,9) width 153: "div:first-of-type {" |
| text run at (158,9) width 1: " " |
| text run at (6,26) width 9: "}" |
| text run at (14,26) width 1: " " |
| text run at (6,42) width 1: " " |
| text run at (6,58) width 89: "<div></div>" |
| text run at (94,58) width 1: " " |
| text run at (6,74) width 281: "<div>Does this element match?</div>" |
| LayoutBlockFlow {P} at (16,165) size 583.19x38 |
| LayoutText {#text} at (0,0) size 529x37 |
| text run at (0,0) width 529: "The CSS selector should not match the marked div element, because it is the" |
| text run at (0,19) width 188: "second element of this type" |
| LayoutListItem {LI} at (40,2045) size 615.19x235 [bgcolor=#AAAAAA] |
| LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#009900] |
| LayoutBlockFlow {DIV} at (0,0) size 583.19x0 [bgcolor=#990000] |
| LayoutBlockFlow {DIV} at (0,0) size 583.19x24 |
| LayoutBlockFlow {PRE} at (16,53) size 583.19x96 [bgcolor=#FFFFFF] |
| LayoutListMarker (anonymous) at (-33,6.50) size 17x18: "8" |
| LayoutText {#text} at (6,9) size 281x81 |
| text run at (6,9) width 153: "div:first-of-type {" |
| text run at (158,9) width 1: " " |
| text run at (6,26) width 9: "}" |
| text run at (14,26) width 1: " " |
| text run at (6,42) width 1: " " |
| text run at (6,58) width 89: "<DIV></DIV>" |
| text run at (94,58) width 1: " " |
| text run at (6,74) width 281: "<div>Does this element match?</div>" |
| LayoutBlockFlow {P} at (16,165) size 583.19x38 |
| LayoutText {#text} at (0,0) size 529x37 |
| text run at (0,0) width 529: "The CSS selector should not match the marked div element, because it is the" |
| text run at (0,19) width 188: "second element of this type" |
| LayoutListItem {LI} at (40,2328) size 615.19x267 [bgcolor=#AAAAAA] |
| LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#990000] |
| LayoutBlockFlow {DIV} at (0,0) size 583.19x24 [bgcolor=#009900] |
| LayoutBlockFlow {DIV} at (0,24) size 583.19x0 |
| LayoutBlockFlow {PRE} at (16,53) size 583.19x128 [bgcolor=#FFFFFF] |
| LayoutListMarker (anonymous) at (-33,6.50) size 17x18: "9" |
| LayoutText {#text} at (6,9) size 521x113 |
| text run at (6,9) width 153: "div:first-of-type {" |
| text run at (158,9) width 1: " " |
| text run at (6,26) width 9: "}" |
| text run at (14,26) width 1: " " |
| text run at (6,42) width 1: " " |
| text run at (6,58) width 233: "<div id='insertBefore'></div>" |
| text run at (238,58) width 1: " " |
| text run at (6,74) width 1: " " |
| text run at (6,90) width 393: "var ib = document.getElementById('insertBefore');" |
| text run at (398,90) width 1: " " |
| text run at (6,106) width 521: "ib.parentElement.insertBefore(document.createElement(\"div\"), ib);" |
| LayoutBlockFlow {P} at (16,197) size 583.19x38 |
| LayoutText {#text} at (0,0) size 551x37 |
| text run at (0,0) width 551: "The CSS selector should match the div element that is inserted by the Javascript" |
| text run at (0,19) width 39: "code." |
| LayoutListItem {LI} at (40,2643) size 615.19x248 [bgcolor=#AAAAAA] |
| LayoutBlockFlow {DIV} at (16,16) size 583.19x24 [bgcolor=#009900] |
| LayoutBlockFlow {DIV} at (0,0) size 583.19x0 [bgcolor=#990000] |
| LayoutBlockFlow {DIV} at (0,0) size 583.19x24 |
| LayoutBlockFlow {PRE} at (16,53) size 583.19x128 [bgcolor=#FFFFFF] |
| LayoutListMarker (anonymous) at (-42,6.50) size 26x18: "10" |
| LayoutText {#text} at (6,9) size 521x113 |
| text run at (6,9) width 153: "div:first-of-type {" |
| text run at (158,9) width 1: " " |
| text run at (6,26) width 9: "}" |
| text run at (14,26) width 1: " " |
| text run at (6,42) width 1: " " |
| text run at (6,58) width 233: "<div id='insertBefore'></div>" |
| text run at (238,58) width 1: " " |
| text run at (6,74) width 1: " " |
| text run at (6,90) width 393: "var ib = document.getElementById('insertBefore');" |
| text run at (398,90) width 1: " " |
| text run at (6,106) width 521: "ib.parentElement.insertBefore(document.createElement(\"div\"), ib);" |
| LayoutBlockFlow {P} at (16,197) size 583.19x19 |
| LayoutText {#text} at (0,0) size 514x18 |
| text run at (0,0) width 514: "The original div element should not be a match for the :first-of-type selector." |