selector - CSS 选择器，用于在父级有一个子级时创建 CSS 样式，并为两个子级创建不同的 CSS 样式

Question

是否可以使用纯 CSS 选择器根据子节点的兄弟节点数量为节点子节点(在我的例子中为 UL)提供不同的属性，特别是高度？

例如，如果一个节点有 1 个子节点，则 UL 的高度是自动的，但是如果该节点有 2 个子节点，那么这些子节点的高度为“200px”？

Answer 1

您在寻找:

如果列表项是唯一的子项，则其高度将为自动。如果有多个列表项，则列表项的高度均为 200px。

ul li {
     height: 200px;
}

ul li:only-child {
     height: auto;
}

请注意，除了 IE8 及更早版本之外，所有浏览器都支持独生子。 http://reference.sitepoint.com/css/pseudoclass-onlychild