last-child は親要素からみて最後の子要素

（そのままではないか） たとえば以下のようなHTMLがあるとして、 <div class="entries"> <article>foo</article> <article>bar</article> <article>baz</article> <article>qux</article> <ul> <li><a href="#">next</a></li> </ul> </div> article要素の最後の子要素に枠線を入れたいとして、下記のようにCSSを入れるとする。でもこれだとうまくいかない。どこにもborderはつかないことになる。 article:last-child{ border:1px solid #ddd; } 仕様を参照すると、下記のように書かれている（:last-childは:nth-last-child(1)と同義なので、そちらの仕様）。 6.6.5.3. :

[fujis_a]

:last-of-type{}