html - 最后一个孩子，它的父母有一些 .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>。在您的示例中，它不起作用。您唯一的选择是以某种方式更改您的标记。