选择除类的最后一个div之外的所有div

Question

我有一个div列表：

<div id="otherFolders" class="visible">
    <div id="1" class="inputs selected"> <p>1</p></div>
    <div id="2" class="inputs selected"> <p>2</p></div>
    <div id="3" class="inputs"> <p>3</p></div>
    <div id="4" class="inputs"> <p>4</p></div></div>

我希望使用CSS（仅限）来选择所有＆＃34;所选＆＃34; div的孩子，但最后一个。

我已经尝试了#otherFolders div.selected:not(:last-of-type) p，但所有div.selected都被选中了。

我是否错过了选择器/伪类中的某些内容，或者可能无法做到？

谢谢

Answer 1

由于这些都是div个元素而.selected个元素不是div类型的最后一个元素，因此所有.selected元素都匹配。

不幸的是，使用纯CSS无法做到这一点，因为没有用于选择最后一个类的选择器，也没有任何重写技术可以直接执行此操作。您需要为此添加一个额外的类。