我可以使用 CSS 来应用基于子元素数量的样式吗?

Can I use CSS to apply styles based on child element count?

我的情况是可以存在 n 个元素,并且可以删除任何元素。但是在只有一个元素存在的地方,删除应该被禁用(最好通过设置display:none):

而且只有一项:

我的问题是我是否可以这样做:

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

否是一个可接受的答案,但在那种情况下,我想知道最接近的可能性或潜在的未来选择

您不能在 parent (DIV.items) 上指定它,但您可以在 child (DIV.item) 上使用 :only-child pseudo-class。由于您在此处为 child 的后代 设置样式,因此您想要做的实际上是可能的:

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