Html 最后一个具有其父级的某些.class的子级

Html 最后一个具有其父级的某些.class的子级,html,css,Html,Css,使用span:last of type我可以选择其父元素的lastspan元素。但是,有没有办法选择最后一个元素的父元素.class?比如: div .myclass:last-of-type { ... } 发件人: 一个 ... 文本 两个 更多文本 文本 三 不,没有办法做到这一点。它的同类功能只适用于元素,而不仅仅适用于普通选择器。因此,.myclass:last of type只有在选择了last的情况下才会按您希望的方式工作。在你的例子中,它不起作用。您唯一的选择是以某种

使用
span:last of type
我可以选择其父元素的last
span
元素。但是,有没有办法选择最后一个元素的父元素
.class
?比如:

div .myclass:last-of-type {
   ...
}
发件人:


一个
...
文本
两个
更多文本
文本
三

不,没有办法做到这一点。它的同类功能只适用于元素,而不仅仅适用于普通选择器。因此,
.myclass:last of type
只有在选择了last
的情况下才会按您希望的方式工作。在你的例子中,它不起作用。您唯一的选择是以某种方式更改标记。

不幸的是,您试图实现的目标目前在CSS中不受支持<代码>第n种类型而朋友只根据标签名行事。可惜我就是这么想的
<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>