你如何针对另一个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

使用此css

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

因为.inner是每篇文章的最后一个孩子，所以css会反映所有.inner。您需要在上一篇文章中定位.inner。