layer at (0,0) size 785x1613
  RenderView at (0,0) size 785x600
layer at (0,0) size 785x1613
  RenderBlock {HTML} at (0,0) size 785x1613
    RenderBody {BODY} at (8,16) size 769x1549 [bgcolor=#FFFFFF]
      RenderBlock {P} at (0,0) size 769x18
        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,34) size 769x0 [bgcolor=#009900]
      RenderBlock {OL} at (0,34) size 769x1515
        RenderListItem {LI} at (40,0) size 616x243 [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 584x106 [bgcolor=#FFFFFF]
            RenderListMarker at (-37,6) size 17x18: "1"
            RenderText {#text} at (6,9) size 137x91
              text run at (6,9) width 137: "div :only-child {"
              text run at (142,9) width 1: " "
              text run at (6,25) width 9: "}"
              text run at (14,25) width 1: " "
              text run at (6,40) width 1: " "
              text run at (6,55) width 41: "<div>"
              text run at (46,55) width 1: " "
              text run at (6,70) width 113: "   <div></div>"
              text run at (118,70) width 1: " "
              text run at (6,85) width 49: "</div>"
          RenderBlock {P} at (16,175) size 584x36
            RenderText {#text} at (0,0) size 572x35
              text run at (0,0) width 572: "The CSS selector should match the inner div element, because it is the only child"
              text run at (0,18) width 165: "of the outer div element"
        RenderListItem {LI} at (40,291) size 616x258 [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 584x121 [bgcolor=#FFFFFF]
            RenderListMarker at (-37,6) size 17x18: "2"
            RenderText {#text} at (6,9) size 209x106
              text run at (6,9) width 137: "div :only-child {"
              text run at (142,9) width 1: " "
              text run at (6,25) width 9: "}"
              text run at (14,25) width 1: " "
              text run at (6,40) width 1: " "
              text run at (6,55) width 41: "<div>"
              text run at (46,55) width 1: " "
              text run at (6,70) width 113: "   <div></div>"
              text run at (118,70) width 1: " "
              text run at (6,85) width 209: "   <!-- Just a comment -->"
              text run at (214,85) width 1: " "
              text run at (6,100) width 49: "</div>"
          RenderBlock {P} at (16,190) size 584x36
            RenderText {#text} at (0,0) size 572x35
              text run at (0,0) width 572: "The CSS selector should match the inner div element, because it is the only child"
              text run at (0,18) width 165: "of the outer div element"
        RenderListItem {LI} at (40,597) size 616x273 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 584x42 [bgcolor=#990000]
            RenderBlock {DIV} at (0,0) size 584x24 [bgcolor=#009900]
            RenderBlock (anonymous) at (0,24) size 584x18
              RenderListMarker at (-37,0) size 17x17: "3"
              RenderText {#text} at (0,0) size 4x17
                text run at (0,0) width 4: "."
          RenderBlock {PRE} at (16,71) size 584x118 [bgcolor=#FFFFFF]
            RenderText {#text} at (6,7) size 225x105
              text run at (6,7) width 137: "div :only-child {"
              text run at (6,22) width 9: "}"
              text run at (6,37) width 1: " "
              text run at (6,52) width 41: "<div>"
              text run at (6,67) width 113: "   <div></div>"
              text run at (6,82) width 225: "   How about regular text..."
              text run at (6,97) width 49: "</div>"
          RenderBlock {P} at (16,205) size 584x36
            RenderText {#text} at (0,0) size 572x35
              text run at (0,0) width 572: "The CSS selector should match the inner div element, because it is the only child"
              text run at (0,18) width 165: "of the outer div element"
        RenderListItem {LI} at (40,918) size 616x261 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 584x24 [bgcolor=#009900]
            RenderBlock {DIV} at (0,0) size 584x24
            RenderBlock {BLOCKQUOTE} at (40,40) size 504x0
          RenderBlock {PRE} at (16,56) size 584x121 [bgcolor=#FFFFFF]
            RenderListMarker at (-37,6) size 17x18: "4"
            RenderText {#text} at (6,9) size 225x106
              text run at (6,9) width 137: "div :only-child {"
              text run at (142,9) width 1: " "
              text run at (6,25) width 9: "}"
              text run at (14,25) width 1: " "
              text run at (6,40) width 1: " "
              text run at (6,55) width 49: "<div> "
              text run at (54,55) width 1: " "
              text run at (6,70) width 113: "   <div></div>"
              text run at (118,70) width 1: " "
              text run at (6,85) width 225: "   <blockquote></blockquote>"
              text run at (230,85) width 1: " "
              text run at (6,100) width 49: "</div>"
          RenderBlock {P} at (16,193) size 584x36
            RenderText {#text} at (0,0) size 570x35
              text run at (0,0) width 570: "The CSS selector should not match the inner div element, because it not the only"
              text run at (0,18) width 34: "child"
        RenderListItem {LI} at (40,1227) size 616x288 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 584x24 [bgcolor=#009900]
            RenderBlock {DIV} at (0,0) size 584x24
            RenderBlock {DIV} at (0,24) size 584x0
          RenderBlock {PRE} at (16,53) size 584x151 [bgcolor=#FFFFFF]
            RenderListMarker at (-37,6) size 17x18: "5"
            RenderText {#text} at (6,9) size 481x136
              text run at (6,9) width 137: "div :only-child {"
              text run at (142,9) width 1: " "
              text run at (6,25) width 9: "}"
              text run at (14,25) width 1: " "
              text run at (6,40) width 1: " "
              text run at (6,55) width 41: "<div>"
              text run at (46,55) width 1: " "
              text run at (6,70) width 249: "   <div id='appendChild'></div>"
              text run at (254,70) width 1: " "
              text run at (6,85) width 49: "</div>"
              text run at (54,85) width 1: " "
              text run at (6,100) width 1: " "
              text run at (6,115) width 385: "var ib = document.getElementById('appendChild');"
              text run at (390,115) width 1: " "
              text run at (6,130) width 481: "ib.parentElement.appendChild(document.createElement(\"div\"));"
          RenderBlock {P} at (16,220) size 584x36
            RenderText {#text} at (0,0) size 569x35
              text run at (0,0) width 521: "The CSS selector should not match the original div element, because it is "
              text run at (521,0) width 48: "not the"
              text run at (0,18) width 505: "only child anymore after another child is append by the Javascript code."