CSS选择器:子集选择中的last-child

Question

假设我有这样的结构(并且不能修改它):

<ul>
    <li class="common">   <p>First A</p>   </li>
    <li class="common">   <p>Second A</p>   </li>
    <li class="common">   <p>Third A</p> </li>
    <li class="common">   <p><b>SELECT ME</b></p>   </li>
    <li>   <p>First B</p>   </li>
    <li>   <p>Second B</p>   </li>
    <li>   <p>...</p>   </li>
</ul>

有没有办法选择类"common"的最后一个元素？(在这种情况下是第四个元素)

首先,我尝试选择一个子集:

.common{
    background: red;
}

它工作正常.所以我尝试选择他们的最后一个孩子,用:

.common:last-child{
    background: green;
}

但不是运气.我也想避免为该元素添加一个类.

的jsfiddle

编辑:我简化了类和选择器,使其更清洁

Answer 1

有没有办法选择类"common"的最后一个元素？

不,没有修改HTML的CSS选择器.