他のdiv内のdiv last-childをどのようにターゲットにしますか？

Question

別のdiv内のdiv last-childをどのように対象にすることができませんか？この特定のプロジェクトでは、私はそれをそのように構造化する必要があります。それも可能ですか？

JSFiddle https://jsfiddle.net/u713nw51/

HTML

<article class="outer"> 
    <div class="inner">Text</div> 
</article> 

<article class="outer"> 
    <div class="inner">Text</div> 
</article> 

<article class="outer"> 
    <div class="inner">Text</div> 
</article> 

CSS

article { padding-bottom: 20px; } 
.inner:last-child { border-bottom: 1px solid #000; } 
.inner:last-child { none; } 

Answer 1

使用.innerは最後の子である

article:last-child .inner { border-bottom: 1px solid #000; } 

ので、このCSSすべての記事ので、CSSはすべて.innerに反映されます。最後の記事で.innerをターゲットにする必要があります。