css - 如何获取CSS的最后一个Element？

Question

.year-seperator:last-of-type {
    display: none;
}

<ul class="blog-year">  
    <li><a href="http://my.link">2016</a><span class="year-seperator">|</span></li>
    <li><a href="http://my.link">2015</a><span class="year-seperator">|</span></li>
    <li><a href="http://my.link">2014</a><span class="year-seperator">|</span></li>
    <li><a href="http://my.link">2013</a><span class="year-seperator">|</span></li>
</ul>

然后所有的分隔符都消失了。为什么？我怎样才能得到那个类的最后一个元素？或者我该如何隐藏它？

Answer 1

因为他们最后都是li。这是最后一个 li 元素而不是最后一个 span 元素。它应该是这样的:

li:last-child .year-seperator {
    display: none;
}