小编Vol*_*ann的帖子

谁能帮我理解为什么

td:last-of-type { ... }

选择每个表格行的最后一个单元格而不是表格的最后一个单元格？

<style type="text/css">
 <!--    
    div:nth-child( 3n + 2 ) { background-color: green }
 -->
</style>

<div>
    <div>one</div>
    <div>two</div>
    <div>three</div>
    <div>four</div>
    <div>five</div>
    <div>six</div>
    <div>seven</div>
    <div>eight</div>
    <div>nine</div>
    <div>ten</div>
    <div>eleven</div>
</div>

为什么外部div受此样式表规则的影响,即使它没有兄弟并且是父元素的唯一子元素？