我可以使用 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;
}
我的情况是可以存在 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;
}