最后一个孩子的父母有一些.class

Question

使用span:last-of-type，我可以选择其父级的最后一个span元素。但有没有任何解决方案可以选择其父元素的.class的最后一个元素？像：

div .myclass:last-of-type {
   ...
}

从：

<div>
    <span class="myclass">One</span>
    ...
    <i>text</i>
    <b class="myclass">Two</b> <!-- this i want select -->
    <b>more text</b>
    <i>text</i>
    <span>Three</span>
</div>

http://codepen.io/Chovanec/pen/lkojd

Answer 1

不，没有办法做到这一点。 :nth-child及其同类仅适用于元素，而不仅仅适用于常规选择器。因此，如果选择了最后一个.myclass:last-of-type，<b>将只按您希望的方式运行。在您的示例中，它将无法正常工作。您唯一的选择是以某种方式更改您的标记。