-layer at (0,0) size 785x2270
+layer at (0,0) size 785x2178
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x2270
- RenderBlock {HTML} at (0,0) size 785x2270
- RenderBody {BODY} at (8,16) size 769x2206 [bgcolor=#FFFFFF]
+layer at (0,0) size 785x2178
+ RenderBlock {HTML} at (0,0) size 785x2178
+ RenderBody {BODY} at (8,16) size 769x2114 [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 "
+ RenderText {#text} at (0,0) size 168x17
+ text run at (0,0) width 168: "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 "
+ RenderText {#text} at (167,0) size 73x17
+ text run at (167,0) width 73: "CSS3.info"
+ RenderText {#text} at (239,0) size 5x17
+ text run at (239,0) width 5: " "
+ RenderInline {A} at (0,0) size 133x17 [color=#0000EE]
+ RenderText {#text} at (243,0) size 133x17
+ text run at (243,0) width 133: "CSS selectors test"
+ RenderText {#text} at (375,0) size 136x17
+ text run at (375,0) width 136: ". 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: "."
+ RenderText {#text} at (510,0) size 111x17
+ text run at (510,0) width 111: "CSS3 selectors"
+ RenderText {#text} at (620,0) size 6x17
+ text run at (620,0) width 6: "."
RenderBlock {DIV} at (0,34) size 769x0 [bgcolor=#009900]
- RenderBlock {OL} at (0,34) size 769x2172
- RenderListItem {LI} at (40,0) size 615.19x243 [bgcolor=#AAAAAA]
+ RenderBlock {OL} at (0,34) size 769x2080
+ RenderListItem {LI} at (40,0) size 615.19x233 [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.19x106 [bgcolor=#FFFFFF]
- RenderListMarker at (-37,6.50) size 17x17: "1"
- RenderText {#text} at (6,8) size 137x92
- text run at (6,8) width 137: "div :last-child {"
- text run at (142,8) width 1: " "
+ RenderBlock {PRE} at (16,53) size 583.19x96 [bgcolor=#FFFFFF]
+ RenderListMarker at (-37.78,6.50) size 17.78x17: "1"
+ RenderText {#text} at (6,10) size 134x80
+ text run at (6,10) width 134: "div :last-child {"
+ text run at (139,10) 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 583.19x36
- 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 615.19x258 [bgcolor=#AAAAAA]
+ text run at (6,38) width 1: " "
+ text run at (6,51) width 40: "<div>"
+ text run at (45,51) width 1: " "
+ text run at (6,64) width 110: " <div></div>"
+ text run at (115,64) width 1: " "
+ text run at (6,77) width 48: "</div>"
+ RenderBlock {P} at (16,165) size 583.19x36
+ RenderText {#text} at (0,0) size 574x35
+ text run at (0,0) width 574: "The CSS selector should match the inner div element, because it is the only child"
+ text run at (0,18) width 168: "of the outer div element"
+ RenderListItem {LI} at (40,281) size 615.19x246 [bgcolor=#AAAAAA]
RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
RenderBlock {BLOCKQUOTE} at (0,0) size 583.19x0
RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
- RenderBlock {PRE} at (16,53) size 583.19x121 [bgcolor=#FFFFFF]
- RenderListMarker at (-37,6.50) size 17x17: "2"
- RenderText {#text} at (6,8) size 225x107
- text run at (6,8) width 137: "div :last-child {"
- text run at (142,8) width 1: " "
+ RenderBlock {PRE} at (16,53) size 583.19x109 [bgcolor=#FFFFFF]
+ RenderListMarker at (-37.78,6.50) size 17.78x17: "2"
+ RenderText {#text} at (6,10) size 219x93
+ text run at (6,10) width 134: "div :last-child {"
+ text run at (139,10) 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 225: " <blockquote></blockquote>"
- text run at (230,70) width 1: " "
- text run at (6,85) width 113: " <div></div>"
- text run at (118,85) width 1: " "
- text run at (6,100) width 49: "</div>"
- RenderBlock {P} at (16,190) size 583.19x36
- 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,597) size 615.19x276 [bgcolor=#AAAAAA]
+ text run at (6,38) width 1: " "
+ text run at (6,51) width 48: "<div> "
+ text run at (53,51) width 1: " "
+ text run at (6,64) width 219: " <blockquote></blockquote>"
+ text run at (224,64) width 1: " "
+ text run at (6,77) width 110: " <div></div>"
+ text run at (115,77) width 1: " "
+ text run at (6,90) width 48: "</div>"
+ RenderBlock {P} at (16,178) size 583.19x36
+ RenderText {#text} at (0,0) size 570x35
+ text run at (0,0) width 570: "The CSS selector should match the inner div element, because it is the last child"
+ text run at (0,18) width 168: "of the outer div element"
+ RenderListItem {LI} at (40,575) size 615.19x264 [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.19x121 [bgcolor=#FFFFFF]
- RenderListMarker at (-37,6.50) size 17x17: "3"
- RenderText {#text} at (6,8) size 209x107
- text run at (6,8) width 137: "div :last-child {"
- text run at (142,8) width 1: " "
+ RenderBlock {PRE} at (16,53) size 583.19x109 [bgcolor=#FFFFFF]
+ RenderListMarker at (-37.78,6.50) size 17.78x17: "3"
+ RenderText {#text} at (6,10) size 204x93
+ text run at (6,10) width 134: "div :last-child {"
+ text run at (139,10) 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 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 583.19x54
- 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 (6,38) width 1: " "
+ text run at (6,51) width 48: "<div> "
+ text run at (53,51) width 1: " "
+ text run at (6,64) width 110: " <div></div>"
+ text run at (115,64) width 1: " "
+ text run at (6,77) width 204: " <!-- Just a comment -->"
+ text run at (209,77) width 1: " "
+ text run at (6,90) width 48: "</div>"
+ RenderBlock {P} at (16,178) size 583.19x54
+ RenderText {#text} at (0,0) size 570x53
+ text run at (0,0) width 570: "The CSS selector should match the inner div element, because it is the last child"
+ text run at (0,18) width 172: "of the outer div element "
+ text run at (171,18) width 363: "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,921) size 615.19x291 [bgcolor=#AAAAAA]
+ RenderListItem {LI} at (40,887) size 615.19x277 [bgcolor=#AAAAAA]
RenderBlock {DIV} at (16,16) size 583.19x42 [bgcolor=#990000]
RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
RenderBlock (anonymous) at (0,24) size 583.19x18
- 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 583.19x118 [bgcolor=#FFFFFF]
- RenderText {#text} at (6,7) size 225x105
- text run at (6,7) width 137: "div :last-child {"
- text run at (142,7) width 1: " "
- text run at (6,22) width 9: "}"
- text run at (14,22) width 1: " "
- text run at (6,37) width 1: " "
- text run at (6,52) width 49: "<div> "
- text run at (54,52) width 1: " "
- text run at (6,67) width 113: " <div></div>"
- text run at (118,67) width 1: " "
- text run at (6,82) width 225: " How about regular text..."
- text run at (230,82) width 1: " "
- text run at (6,97) width 49: "</div>"
- RenderBlock {P} at (16,205) size 583.19x54
- 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"
+ RenderListMarker at (-37.78,0) size 17.78x17: "4"
+ RenderText {#text} at (0,0) size 5x17
+ text run at (0,0) width 5: "."
+ RenderBlock {PRE} at (16,71) size 583.19x104 [bgcolor=#FFFFFF]
+ RenderText {#text} at (6,7) size 219x91
+ text run at (6,7) width 134: "div :last-child {"
+ text run at (139,7) width 1: " "
+ text run at (6,20) width 9: "}"
+ text run at (14,20) width 1: " "
+ text run at (6,33) width 1: " "
+ text run at (6,46) width 48: "<div> "
+ text run at (53,46) width 1: " "
+ text run at (6,59) width 110: " <div></div>"
+ text run at (115,59) width 1: " "
+ text run at (6,72) width 219: " How about regular text..."
+ text run at (224,72) width 1: " "
+ text run at (6,85) width 48: "</div>"
+ RenderBlock {P} at (16,191) size 583.19x54
+ RenderText {#text} at (0,0) size 570x53
+ text run at (0,0) width 570: "The CSS selector should match the inner div element, because it is the last child"
+ text run at (0,18) width 177: "of the outer div element. "
+ text run at (176,18) width 352: "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,1260) size 615.19x258 [bgcolor=#AAAAAA]
+ RenderListItem {LI} at (40,1212) size 615.19x246 [bgcolor=#AAAAAA]
RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
RenderBlock {DIV} at (0,0) size 583.19x24
RenderBlock {BLOCKQUOTE} at (0,24) size 583.19x0 [bgcolor=#990000]
- RenderBlock {PRE} at (16,53) size 583.19x121 [bgcolor=#FFFFFF]
- RenderListMarker at (-37,6.50) size 17x17: "5"
- RenderText {#text} at (6,8) size 225x107
- text run at (6,8) width 137: "div :last-child {"
- text run at (142,8) width 1: " "
+ RenderBlock {PRE} at (16,53) size 583.19x109 [bgcolor=#FFFFFF]
+ RenderListMarker at (-37.78,6.50) size 17.78x17: "5"
+ RenderText {#text} at (6,10) size 219x93
+ text run at (6,10) width 134: "div :last-child {"
+ text run at (139,10) 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,190) size 583.19x36
- 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,1566) size 615.19x288 [bgcolor=#AAAAAA]
+ text run at (6,38) width 1: " "
+ text run at (6,51) width 48: "<div> "
+ text run at (53,51) width 1: " "
+ text run at (6,64) width 110: " <div></div>"
+ text run at (115,64) width 1: " "
+ text run at (6,77) width 219: " <blockquote></blockquote>"
+ text run at (224,77) width 1: " "
+ text run at (6,90) width 48: "</div>"
+ RenderBlock {P} at (16,178) size 583.19x36
+ RenderText {#text} at (0,0) size 560x35
+ text run at (0,0) width 560: "The CSS selector should not match the inner div element, because it is the first"
+ text run at (0,18) width 205: "child of the outer div element"
+ RenderListItem {LI} at (40,1506) size 615.19x272 [bgcolor=#AAAAAA]
RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
RenderBlock {DIV} at (0,0) size 583.19x0
RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
- RenderBlock {PRE} at (16,53) size 583.19x151 [bgcolor=#FFFFFF]
- RenderListMarker at (-37,6.50) size 17x17: "6"
- RenderText {#text} at (6,8) size 481x137
- text run at (6,8) width 137: "div :last-child {"
- text run at (142,8) width 1: " "
+ RenderBlock {PRE} at (16,53) size 583.19x135 [bgcolor=#FFFFFF]
+ RenderListMarker at (-37.78,6.50) size 17.78x17: "6"
+ RenderText {#text} at (6,10) size 469x119
+ text run at (6,10) width 134: "div :last-child {"
+ text run at (139,10) 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='insertAfter'></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('insertAfter');"
- 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 583.19x36
- 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,1902) size 615.19x270 [bgcolor=#AAAAAA]
+ text run at (6,38) width 1: " "
+ text run at (6,51) width 40: "<div>"
+ text run at (45,51) width 1: " "
+ text run at (6,64) width 243: " <div id='insertAfter'></div>"
+ text run at (248,64) width 1: " "
+ text run at (6,77) width 48: "</div>"
+ text run at (53,77) width 1: " "
+ text run at (6,90) width 1: " "
+ text run at (6,103) width 375: "var ib = document.getElementById('insertAfter');"
+ text run at (380,103) width 1: " "
+ text run at (6,116) width 469: "ib.parentElement.appendChild(document.createElement(\"div\"));"
+ RenderBlock {P} at (16,204) size 583.19x36
+ RenderText {#text} at (0,0) size 571x35
+ text run at (0,0) width 571: "The CSS selector should match the div element that is inserted by the Javascript"
+ text run at (0,18) width 40: "code."
+ RenderListItem {LI} at (40,1826) size 615.19x254 [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 [bgcolor=#990000]
- RenderBlock {PRE} at (16,53) size 583.19x151 [bgcolor=#FFFFFF]
- RenderListMarker at (-37,6.50) size 17x17: "7"
- RenderText {#text} at (6,8) size 481x137
- text run at (6,8) width 137: "div :last-child {"
- text run at (142,8) width 1: " "
+ RenderBlock {PRE} at (16,53) size 583.19x135 [bgcolor=#FFFFFF]
+ RenderListMarker at (-37.78,6.50) size 17.78x17: "7"
+ RenderText {#text} at (6,10) size 469x119
+ text run at (6,10) width 134: "div :last-child {"
+ text run at (139,10) 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='insertAfter'></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('insertAfter');"
- 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 583.19x18
- 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."
+ text run at (6,38) width 1: " "
+ text run at (6,51) width 40: "<div>"
+ text run at (45,51) width 1: " "
+ text run at (6,64) width 243: " <div id='insertAfter'></div>"
+ text run at (248,64) width 1: " "
+ text run at (6,77) width 48: "</div>"
+ text run at (53,77) width 1: " "
+ text run at (6,90) width 1: " "
+ text run at (6,103) width 375: "var ib = document.getElementById('insertAfter');"
+ text run at (380,103) width 1: " "
+ text run at (6,116) width 469: "ib.parentElement.appendChild(document.createElement(\"div\"));"
+ RenderBlock {P} at (16,204) size 583.19x18
+ RenderText {#text} at (0,0) size 519x17
+ text run at (0,0) width 519: "The original div element should not be a match for the :last-child selector."