css - 选择链接类的最后一项？

Question

我想定位链接类的最后一项。这样，我的意思是每个元素都可能有一个 entry 类，如果两个领先的元素有相同的“入口”类，那么它就会变成链式。

我该怎么做？

Fiddle

<ul class="date">
    <li class="entry"></li>
    <li></li>
    <li class="entry"></li>
    <li class="entry"></li>
    <li class="entry"></li> /* target this item */
    <li></li>
    <li class="entry"></li>
    <li class="entry"></li> /* target this item */
    <li></li>
</ul>


/* targets all chained classes */
.entry + .entry { }

/* targets first of a chained class */
:not(.entry) + .entry { }

Answer 1

我认为最好的办法是将这些列表项分成单独的列表。

<ul class="date">
    <li class="entry"></li>
</ul>
<ul>
  <li class="entry"></li>
  <li class="entry"></li>
  <li class="entry"></li> /* target this item */
</ul>
<ul>
  <li class="entry"></li>
  <li class="entry"></li> /* target this item */
</ul>

CSS:

.entry:last-child{
  background: red;
}

示例:http://jsbin.com/pamivosa/1/edit?html,css,output