html - 选择最后一个普通 sibling

Question

我有一堆 B 类的 div，紧跟着一个 A 类的 div:

<div class="B"></div>
<div class="A"></div>
<div class="A"></div>
<div class="A"></div>

<div class="B"></div>
<div class="A"></div>

我正在尝试将 CSS 规则应用于每个 B 之后的最后一个 A。我试过了

.B ~ .A:last-of-type

但这没有用。这可能吗？

Answer 1

您目前无法使用 css 执行此操作。 :last-of-type 伪类适用于 span div 等元素类型 - 不适用于类

是这样的:

1) 没有currently no previous sibling selector

2) 你不能改变你的标记结构

3) 你事先不知道每个 .B div 之后有多少个 .A div ...

...你真倒霉，CSS 目前做不到这一点。