layer at (0,0) size 785x2902
  RenderView at (0,0) size 785x600
layer at (0,0) size 785x2902
  RenderBlock {HTML} at (0,0) size 785x2902
    RenderBody {BODY} at (8,16) size 769x2838 [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 769x2804
        RenderListItem {LI} at (40,0) size 615x212 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 583x24 [bgcolor=#990000]
            RenderBlock {DIV} at (0,0) size 583x24 [bgcolor=#009900]
          RenderBlock {PRE} at (16,53) size 583x75 [bgcolor=#FFFFFF]
            RenderListMarker at (-37,6) size 17x17: "1"
            RenderText {#text} at (6,8) size 280x61
              text run at (6,8) width 152: "div:first-of-type {"
              text run at (158,8) width 0: " "
              text run at (6,24) width 8: "}"
              text run at (14,24) width 0: " "
              text run at (6,39) width 0: " "
              text run at (6,54) width 280: "<div>Does this element match?</div>"
          RenderBlock {P} at (16,144) size 583x36
            RenderText {#text} at (0,0) size 551x35
              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,18) width 137: "element of this type"
        RenderListItem {LI} at (40,260) size 615x227 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 583x24 [bgcolor=#990000]
            RenderBlock {DIV} at (0,0) size 583x24 [bgcolor=#009900]
            RenderBlock {DIV} at (0,24) size 583x0
          RenderBlock {PRE} at (16,53) size 583x90 [bgcolor=#FFFFFF]
            RenderListMarker at (-37,6) size 17x17: "2"
            RenderText {#text} at (6,8) size 280x76
              text run at (6,8) width 152: "div:first-of-type {"
              text run at (158,8) width 0: " "
              text run at (6,24) width 8: "}"
              text run at (14,24) width 0: " "
              text run at (6,39) width 0: " "
              text run at (6,54) width 280: "<div>Does this element match?</div>"
              text run at (286,54) width 0: " "
              text run at (6,69) width 88: "<div></div>"
          RenderBlock {P} at (16,159) size 583x36
            RenderText {#text} at (0,0) size 546x35
              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,18) width 137: "element of this type"
        RenderListItem {LI} at (40,535) size 615x227 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 583x24 [bgcolor=#990000]
            RenderBlock {BLOCKQUOTE} at (0,0) size 583x0 [bgcolor=#009900]
            RenderBlock {DIV} at (0,0) size 583x24 [bgcolor=#009900]
          RenderBlock {PRE} at (16,53) size 583x90 [bgcolor=#FFFFFF]
            RenderListMarker at (-37,6) size 17x17: "3"
            RenderText {#text} at (6,8) size 280x76
              text run at (6,8) width 152: "div:first-of-type {"
              text run at (158,8) width 0: " "
              text run at (6,24) width 8: "}"
              text run at (14,24) width 0: " "
              text run at (6,39) width 0: " "
              text run at (6,54) width 200: "<blockquote></blockquote>"
              text run at (206,54) width 0: " "
              text run at (6,69) width 280: "<div>Does this element match?</div>"
          RenderBlock {P} at (16,159) size 583x36
            RenderText {#text} at (0,0) size 546x35
              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,18) width 137: "element of this type"
        RenderListItem {LI} at (40,810) size 615x257 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 583x24 [bgcolor=#990000]
            RenderBlock {DIV} at (0,0) size 583x0 [bgcolor=#009900]
            RenderBlock {BLOCKQUOTE} at (0,0) size 583x24 [bgcolor=#009900]
              RenderBlock {DIV} at (0,0) size 583x24
          RenderBlock {PRE} at (16,53) size 583x120 [bgcolor=#FFFFFF]
            RenderListMarker at (-37,6) size 17x17: "4"
            RenderText {#text} at (6,8) size 304x106
              text run at (6,8) width 152: "div:first-of-type {"
              text run at (158,8) width 0: " "
              text run at (6,24) width 8: "}"
              text run at (14,24) width 0: " "
              text run at (6,39) width 0: " "
              text run at (6,54) width 88: "<div></div>"
              text run at (94,54) width 0: " "
              text run at (6,69) width 96: "<blockquote>"
              text run at (102,69) width 0: " "
              text run at (6,84) width 304: "   <div>Does this element match?</div>"
              text run at (310,84) width 0: " "
              text run at (6,99) width 104: "</blockquote>"
          RenderBlock {P} at (16,189) size 583x36
            RenderText {#text} at (0,0) size 546x35
              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,18) width 230: "element of this type in this scope"
        RenderListItem {LI} at (40,1115) size 615x242 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 583x24 [bgcolor=#990000]
            RenderBlock {DIV} at (0,0) size 583x24 [bgcolor=#009900]
              RenderBlock {DIV} at (0,0) size 583x24
          RenderBlock {PRE} at (16,53) size 583x105 [bgcolor=#FFFFFF]
            RenderListMarker at (-37,6) size 17x17: "5"
            RenderText {#text} at (6,8) size 304x91
              text run at (6,8) width 152: "div:first-of-type {"
              text run at (158,8) width 0: " "
              text run at (6,24) width 8: "}"
              text run at (14,24) width 0: " "
              text run at (6,39) width 0: " "
              text run at (6,54) width 40: "<div>"
              text run at (46,54) width 0: " "
              text run at (6,69) width 304: "   <div>Does this element match?</div>"
              text run at (310,69) width 0: " "
              text run at (6,84) width 48: "</div>"
          RenderBlock {P} at (16,174) size 583x36
            RenderText {#text} at (0,0) size 546x35
              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,18) width 280: "element of this type in the current scope"
        RenderListItem {LI} at (40,1405) size 615x257 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 583x24 [bgcolor=#990000]
            RenderBlock {BLOCKQUOTE} at (0,0) size 583x0 [bgcolor=#009900]
              RenderBlock {DIV} at (0,0) size 583x0
            RenderBlock {DIV} at (0,0) size 583x24 [bgcolor=#009900]
          RenderBlock {PRE} at (16,53) size 583x120 [bgcolor=#FFFFFF]
            RenderListMarker at (-37,6) size 17x17: "6"
            RenderText {#text} at (6,8) size 280x106
              text run at (6,8) width 152: "div:first-of-type {"
              text run at (158,8) width 0: " "
              text run at (6,24) width 8: "}"
              text run at (14,24) width 0: " "
              text run at (6,39) width 0: " "
              text run at (6,54) width 96: "<blockquote>"
              text run at (102,54) width 0: " "
              text run at (6,69) width 112: "   <div></div>"
              text run at (118,69) width 0: " "
              text run at (6,84) width 104: "</blockquote>"
              text run at (110,84) width 0: " "
              text run at (6,99) width 280: "<div>Does this element match?</div>"
          RenderBlock {P} at (16,189) size 583x36
            RenderText {#text} at (0,0) size 546x35
              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,18) width 280: "element of this type in the current scope"
        RenderListItem {LI} at (40,1710) size 615x227 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 583x24 [bgcolor=#009900]
            RenderBlock {DIV} at (0,0) size 583x0 [bgcolor=#990000]
            RenderBlock {DIV} at (0,0) size 583x24
          RenderBlock {PRE} at (16,53) size 583x90 [bgcolor=#FFFFFF]
            RenderListMarker at (-37,6) size 17x17: "7"
            RenderText {#text} at (6,8) size 280x76
              text run at (6,8) width 152: "div:first-of-type {"
              text run at (158,8) width 0: " "
              text run at (6,24) width 8: "}"
              text run at (14,24) width 0: " "
              text run at (6,39) width 0: " "
              text run at (6,54) width 88: "<div></div>"
              text run at (94,54) width 0: " "
              text run at (6,69) width 280: "<div>Does this element match?</div>"
          RenderBlock {P} at (16,159) size 583x36
            RenderText {#text} at (0,0) size 543x35
              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,18) width 193: "second element of this type"
        RenderListItem {LI} at (40,1985) size 615x227 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 583x24 [bgcolor=#009900]
            RenderBlock {DIV} at (0,0) size 583x0 [bgcolor=#990000]
            RenderBlock {DIV} at (0,0) size 583x24
          RenderBlock {PRE} at (16,53) size 583x90 [bgcolor=#FFFFFF]
            RenderListMarker at (-37,6) size 17x17: "8"
            RenderText {#text} at (6,8) size 280x76
              text run at (6,8) width 152: "div:first-of-type {"
              text run at (158,8) width 0: " "
              text run at (6,24) width 8: "}"
              text run at (14,24) width 0: " "
              text run at (6,39) width 0: " "
              text run at (6,54) width 88: "<DIV></DIV>"
              text run at (94,54) width 0: " "
              text run at (6,69) width 280: "<div>Does this element match?</div>"
          RenderBlock {P} at (16,159) size 583x36
            RenderText {#text} at (0,0) size 543x35
              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,18) width 193: "second element of this type"
        RenderListItem {LI} at (40,2260) size 615x257 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 583x24 [bgcolor=#990000]
            RenderBlock {DIV} at (0,0) size 583x24 [bgcolor=#009900]
            RenderBlock {DIV} at (0,24) size 583x0
          RenderBlock {PRE} at (16,53) size 583x120 [bgcolor=#FFFFFF]
            RenderListMarker at (-37,6) size 17x17: "9"
            RenderText {#text} at (6,8) size 520x106
              text run at (6,8) width 152: "div:first-of-type {"
              text run at (158,8) width 0: " "
              text run at (6,24) width 8: "}"
              text run at (14,24) width 0: " "
              text run at (6,39) width 0: " "
              text run at (6,54) width 232: "<div id='insertBefore'></div>"
              text run at (238,54) width 0: " "
              text run at (6,69) width 0: " "
              text run at (6,84) width 392: "var ib = document.getElementById('insertBefore');"
              text run at (398,84) width 0: " "
              text run at (6,99) width 520: "ib.parentElement.insertBefore(document.createElement(\"div\"), ib);"
          RenderBlock {P} at (16,189) size 583x36
            RenderText {#text} at (0,0) size 567x35
              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,18) width 39: "code."
        RenderListItem {LI} at (40,2565) size 615x239 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 583x24 [bgcolor=#009900]
            RenderBlock {DIV} at (0,0) size 583x0 [bgcolor=#990000]
            RenderBlock {DIV} at (0,0) size 583x24
          RenderBlock {PRE} at (16,53) size 583x120 [bgcolor=#FFFFFF]
            RenderListMarker at (-46,6) size 26x17: "10"
            RenderText {#text} at (6,8) size 520x106
              text run at (6,8) width 152: "div:first-of-type {"
              text run at (158,8) width 0: " "
              text run at (6,24) width 8: "}"
              text run at (14,24) width 0: " "
              text run at (6,39) width 0: " "
              text run at (6,54) width 232: "<div id='insertBefore'></div>"
              text run at (238,54) width 0: " "
              text run at (6,69) width 0: " "
              text run at (6,84) width 392: "var ib = document.getElementById('insertBefore');"
              text run at (398,84) width 0: " "
              text run at (6,99) width 520: "ib.parentElement.insertBefore(document.createElement(\"div\"), ib);"
          RenderBlock {P} at (16,189) size 583x18
            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."
