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

时间:2013-08-28 00:42:15

标签: html css css3

使用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

1 个答案:

答案 0 :(得分:0)

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