| layer at (0,0) size 785x2263 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x2263 |
| RenderBlock {HTML} at (0,0) size 785x2263 |
| RenderBody {BODY} at (8,16) size 769x2199 [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 769x2165 |
| RenderListItem {LI} at (40,0) size 615x242 [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 583x105 [bgcolor=#FFFFFF] |
| RenderListMarker at (-37,6) size 17x17: "1" |
| RenderText {#text} at (6,8) size 136x91 |
| text run at (6,8) width 136: "div :last-child {" |
| text run at (142,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 112: " <div></div>" |
| text run at (118,69) width 0: " " |
| text run at (6,84) width 48: "</div>" |
| RenderBlock {P} at (16,174) size 583x36 |
| 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,290) size 615x257 [bgcolor=#AAAAAA] |
| RenderBlock {DIV} at (16,16) size 583x24 [bgcolor=#990000] |
| RenderBlock {BLOCKQUOTE} 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: "2" |
| RenderText {#text} at (6,8) size 224x106 |
| text run at (6,8) width 136: "div :last-child {" |
| text run at (142,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 48: "<div> " |
| text run at (54,54) width 0: " " |
| text run at (6,69) width 224: " <blockquote></blockquote>" |
| text run at (230,69) width 0: " " |
| text run at (6,84) width 112: " <div></div>" |
| text run at (118,84) width 0: " " |
| text run at (6,99) width 48: "</div>" |
| 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 inner div element, because it is the last child" |
| text run at (0,18) width 165: "of the outer div element" |
| RenderListItem {LI} at (40,595) size 615x275 [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 583x120 [bgcolor=#FFFFFF] |
| RenderListMarker at (-37,6) size 17x17: "3" |
| RenderText {#text} at (6,8) size 208x106 |
| text run at (6,8) width 136: "div :last-child {" |
| text run at (142,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 48: "<div> " |
| text run at (54,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 208: " <!-- Just a comment -->" |
| text run at (214,84) width 0: " " |
| text run at (6,99) width 48: "</div>" |
| RenderBlock {P} at (16,189) size 583x54 |
| RenderText {#text} at (0,0) size 567x53 |
| text run at (0,0) width 567: "The CSS selector should match the inner div element, because it is the last child" |
| text run at (0,18) width 169: "of the outer div element " |
| text run at (169,18) width 358: "Comments are not elements, so they should not be" |
| text run at (0,36) width 307: "considered when determining the last child." |
| RenderListItem {LI} at (40,918) size 615x290 [bgcolor=#AAAAAA] |
| RenderBlock {DIV} at (16,16) size 583x42 [bgcolor=#990000] |
| RenderBlock {DIV} at (0,0) size 583x24 [bgcolor=#009900] |
| RenderBlock (anonymous) at (0,24) size 583x18 |
| RenderListMarker at (-37,0) size 17x17: "4" |
| RenderText {#text} at (0,0) size 4x17 |
| text run at (0,0) width 4: "." |
| RenderBlock {PRE} at (16,71) size 583x117 [bgcolor=#FFFFFF] |
| RenderText {#text} at (6,6) size 224x105 |
| text run at (6,6) width 136: "div :last-child {" |
| text run at (142,6) width 0: " " |
| text run at (6,21) width 8: "}" |
| text run at (14,21) width 0: " " |
| text run at (6,36) width 0: " " |
| text run at (6,51) width 48: "<div> " |
| text run at (54,51) width 0: " " |
| text run at (6,66) width 112: " <div></div>" |
| text run at (118,66) width 0: " " |
| text run at (6,81) width 224: " How about regular text..." |
| text run at (230,81) width 0: " " |
| text run at (6,96) width 48: "</div>" |
| RenderBlock {P} at (16,204) size 583x54 |
| RenderText {#text} at (0,0) size 567x53 |
| text run at (0,0) width 567: "The CSS selector should match the inner div element, because it is the last child" |
| text run at (0,18) width 173: "of the outer div element. " |
| text run at (173,18) width 348: "Regular text is not an element, so it should not be" |
| text run at (0,36) width 307: "considered when determining the last child." |
| RenderListItem {LI} at (40,1256) size 615x257 [bgcolor=#AAAAAA] |
| RenderBlock {DIV} at (16,16) size 583x24 [bgcolor=#009900] |
| RenderBlock {DIV} at (0,0) size 583x24 |
| RenderBlock {BLOCKQUOTE} at (0,24) size 583x0 [bgcolor=#990000] |
| RenderBlock {PRE} at (16,53) size 583x120 [bgcolor=#FFFFFF] |
| RenderListMarker at (-37,6) size 17x17: "5" |
| RenderText {#text} at (6,8) size 224x106 |
| text run at (6,8) width 136: "div :last-child {" |
| text run at (142,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 48: "<div> " |
| text run at (54,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 224: " <blockquote></blockquote>" |
| text run at (230,84) width 0: " " |
| text run at (6,99) width 48: "</div>" |
| RenderBlock {P} at (16,189) size 583x36 |
| RenderText {#text} at (0,0) size 555x35 |
| text run at (0,0) width 555: "The CSS selector should not match the inner div element, because it is the first" |
| text run at (0,18) width 203: "child of the outer div element" |
| RenderListItem {LI} at (40,1561) size 615x287 [bgcolor=#AAAAAA] |
| RenderBlock {DIV} at (16,16) size 583x24 [bgcolor=#990000] |
| RenderBlock {DIV} at (0,0) size 583x0 |
| RenderBlock {DIV} at (0,0) size 583x24 [bgcolor=#009900] |
| RenderBlock {PRE} at (16,53) size 583x150 [bgcolor=#FFFFFF] |
| RenderListMarker at (-37,6) size 17x17: "6" |
| RenderText {#text} at (6,8) size 480x136 |
| text run at (6,8) width 136: "div :last-child {" |
| text run at (142,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 248: " <div id='insertAfter'></div>" |
| text run at (254,69) width 0: " " |
| text run at (6,84) width 48: "</div>" |
| text run at (54,84) width 0: " " |
| text run at (6,99) width 0: " " |
| text run at (6,114) width 384: "var ib = document.getElementById('insertAfter');" |
| text run at (390,114) width 0: " " |
| text run at (6,129) width 480: "ib.parentElement.appendChild(document.createElement(\"div\"));" |
| RenderBlock {P} at (16,219) 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,1896) size 615x269 [bgcolor=#AAAAAA] |
| RenderBlock {DIV} at (16,16) size 583x24 [bgcolor=#009900] |
| RenderBlock {DIV} at (0,0) size 583x24 |
| RenderBlock {DIV} at (0,24) size 583x0 [bgcolor=#990000] |
| RenderBlock {PRE} at (16,53) size 583x150 [bgcolor=#FFFFFF] |
| RenderListMarker at (-37,6) size 17x17: "7" |
| RenderText {#text} at (6,8) size 480x136 |
| text run at (6,8) width 136: "div :last-child {" |
| text run at (142,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 248: " <div id='insertAfter'></div>" |
| text run at (254,69) width 0: " " |
| text run at (6,84) width 48: "</div>" |
| text run at (54,84) width 0: " " |
| text run at (6,99) width 0: " " |
| text run at (6,114) width 384: "var ib = document.getElementById('insertAfter');" |
| text run at (390,114) width 0: " " |
| text run at (6,129) width 480: "ib.parentElement.appendChild(document.createElement(\"div\"));" |
| RenderBlock {P} at (16,219) size 583x18 |
| RenderText {#text} at (0,0) size 515x17 |
| text run at (0,0) width 515: "The original div element should not be a match for the :last-child selector." |
