layer at (0,0) size 785x1533 RenderView at (0,0) size 785x600 layer at (0,0) size 785x1533 RenderBlock {HTML} at (0,0) size 785x1533 RenderBody {BODY} at (8,16) size 769x1469 [bgcolor=#FFFFFF] RenderBlock {P} at (0,0) size 769x19 RenderText {#text} at (0,0) size 162x18 text run at (0,0) width 162: "This page is part of the " RenderInline {A} at (0,0) size 72x18 [color=#0000EE] RenderText {#text} at (162,0) size 72x18 text run at (162,0) width 72: "CSS3.info" RenderText {#text} at (234,0) size 4x18 text run at (234,0) width 4: " " RenderInline {A} at (0,0) size 130x18 [color=#0000EE] RenderText {#text} at (238,0) size 130x18 text run at (238,0) width 130: "CSS selectors test" RenderText {#text} at (368,0) size 131x18 text run at (368,0) width 131: ". See more info on " RenderInline {A} at (0,0) size 110x18 [color=#0000EE] RenderText {#text} at (499,0) size 110x18 text run at (499,0) width 110: "CSS3 selectors" RenderText {#text} at (609,0) size 4x18 text run at (609,0) width 4: "." RenderBlock {DIV} at (0,35) size 769x0 [bgcolor=#009900] RenderBlock {OL} at (0,35) size 769x1434 RenderListItem {LI} at (40,0) size 615.19x219 [bgcolor=#AAAAAA] RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000] RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900] RenderBlock {PRE} at (16,53) size 583.19x80 [bgcolor=#FFFFFF] RenderListMarker at (-38,6.50) size 17x18: "1" RenderText {#text} at (7,9) size 280x65 text run at (7,9) width 144: "div:only-of-type {" text run at (151,9) width 0: " " text run at (7,26) width 8: "}" text run at (15,26) width 0: " " text run at (7,42) width 0: " " text run at (7,58) width 280: "
Does this element match?
" RenderBlock {P} at (16,149) size 583.19x38 RenderText {#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" RenderListItem {LI} at (40,267) size 615.19x235 [bgcolor=#AAAAAA] RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000] RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900] RenderBlock {BLOCKQUOTE} at (0,24) size 583.19x0 [bgcolor=#009900] RenderBlock {PRE} at (16,53) size 583.19x96 [bgcolor=#FFFFFF] RenderListMarker at (-38,6.50) size 17x18: "2" RenderText {#text} at (7,9) size 280x81 text run at (7,9) width 144: "div:only-of-type {" text run at (151,9) width 0: " " text run at (7,26) width 8: "}" text run at (15,26) width 0: " " text run at (7,42) width 0: " " text run at (7,58) width 280: "
Does this element match?
" text run at (287,58) width 0: " " text run at (7,74) width 200: "
" RenderBlock {P} at (16,165) size 583.19x38 RenderText {#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" RenderListItem {LI} at (40,550) size 615.19x267 [bgcolor=#AAAAAA] RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000] RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900] RenderBlock {BLOCKQUOTE} at (0,24) size 583.19x0 [bgcolor=#009900] RenderBlock {DIV} at (0,0) size 583.19x0 RenderBlock {PRE} at (16,53) size 583.19x128 [bgcolor=#FFFFFF] RenderListMarker at (-38,6.50) size 17x18: "3" RenderText {#text} at (7,9) size 280x113 text run at (7,9) width 144: "div:only-of-type {" text run at (151,9) width 0: " " text run at (7,26) width 8: "}" text run at (15,26) width 0: " " text run at (7,42) width 0: " " text run at (7,58) width 280: "
Does this element match?
" text run at (287,58) width 0: " " text run at (7,74) width 96: "
" text run at (103,74) width 0: " " text run at (7,90) width 112: "
" text run at (119,90) width 0: " " text run at (7,106) width 104: "
" RenderBlock {P} at (16,197) size 583.19x38 RenderText {#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 224: "element of this type in this scope" RenderListItem {LI} at (40,865) size 615.19x235 [bgcolor=#AAAAAA] RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#009900] RenderBlock {DIV} at (0,0) size 583.19x24 RenderBlock {DIV} at (0,24) size 583.19x0 RenderBlock {PRE} at (16,53) size 583.19x96 [bgcolor=#FFFFFF] RenderListMarker at (-38,6.50) size 17x18: "4" RenderText {#text} at (7,9) size 280x81 text run at (7,9) width 144: "div:only-of-type {" text run at (151,9) width 0: " " text run at (7,26) width 8: "}" text run at (15,26) width 0: " " text run at (7,42) width 0: " " text run at (7,58) width 280: "
Does this element match?
" text run at (287,58) width 0: " " text run at (7,74) width 88: "
" RenderBlock {P} at (16,165) size 583.19x38 RenderText {#text} at (0,0) size 554x37 text run at (0,0) width 554: "The CSS selector should not match the marked div element, because it is not the" text run at (0,19) width 164: "only element of this type" RenderListItem {LI} at (40,1148) size 615.19x286 [bgcolor=#AAAAAA] RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#009900] RenderBlock {DIV} at (0,0) size 583.19x24 RenderBlock {DIV} at (0,24) size 583.19x0 RenderBlock {PRE} at (16,53) size 583.19x128 [bgcolor=#FFFFFF] RenderListMarker at (-38,6.50) size 17x18: "5" RenderText {#text} at (7,9) size 480x113 text run at (7,9) width 144: "div:only-of-type {" text run at (151,9) width 0: " " text run at (7,26) width 8: "}" text run at (15,26) width 0: " " text run at (7,42) width 0: " " text run at (7,58) width 224: "
" text run at (231,58) width 0: " " text run at (7,74) width 0: " " text run at (7,90) width 384: "var ib = document.getElementById('appendChild');" text run at (391,90) width 0: " " text run at (7,106) width 480: "ib.parentElement.appendChild(document.createElement(\"div\"));" RenderBlock {P} at (16,197) size 583.19x57 RenderText {#text} at (0,0) size 583x56 text run at (0,0) width 506: "The CSS selector should not match the original div element, because it is " text run at (506,0) width 77: "not the only" text run at (0,19) width 466: "of its type anymore after another child with the same type is append " text run at (466,19) width 116: "by the Javascript" text run at (0,38) width 39: "code."