我可以使用CSS根据子元素计数应用样式吗？

Question

我的情况是 n 元素可以存在，任何元素都可以删除。但是在只有一个元素存在的地方，应该禁用删除（理想情况下通过设置display:none）：

只有一个项目：

我的问题是，我是否可以这样做：

DIV.items:ONLY_ONE_CHILD DIV.item BUTTON.delete {
   display:none;
}

不是可接受的答案，但在这种情况下，我想了解最接近的可能性或潜在的未来选项。

Answer 1

您不能在父（DIV.items）上指定它，但您可以使用DIV.item伪类在子（:only-child）上指定它。由于您在这里为孩子的后代设计样式，您实际上可能会做的事情是：

DIV.item:only-child BUTTON.delete {
    display: none;
}