Html 当所有子对象都相同时应用样式

我有一个难得的要求：

我需要样式列表样式：只有当我有孩子并且没有更多标记时才需要

例如，在本例中，我将应用以下样式：

<div>
  <ol><li>1</li></ol>
  <ol><li>2</li></ol>
</div>

 <div>
  <p>
  <ol><li>1</li></ol>
</div>

在彼此中，我将禁用样式：

<div>
  <ol><li>1</li></ol>
  <ol><li>2</li></ol>
</div>

 <div>
  <p>
  <ol><li>1</li></ol>
</div>

最好的方法是什么？谢谢，试试这个

div ol:only-of-type {
    list-style: none;
}

任何只有一个li元素的列表现在都应该设置为没有列表样式的样式

仅与IE9+和所有其他产品兼容

资料来源：

演示：

试试这个

div ol:only-of-type {
    list-style: none;
}

任何只有一个li元素的列表现在都应该设置为没有列表样式的样式

仅与IE9+和所有其他产品兼容

资料来源：

---

演示：

您可以使用以下CSS：

ol li {
    list-style: none;
}

---

您可以使用以下CSS：

ol li {
    list-style: none;
}

---

这在纯CSS中是不可能的。您必须修改HTML以手动添加类，或者使用脚本确定内部是否只有ol元素而没有其他类型的子元素，然后应用类或样式。

这在纯CSS中是不可能的。您必须修改HTML以手动添加类，或者使用脚本确定内部是否只有ol元素而没有其他类型的子元素，然后应用类或样式。

我认为这在CSS中是不可能的，对于这种类型的条件行为，我认为您需要使用JavaScript。但我希望被证明是错的。哈哈，不可能什么都不是！！许多事情是不可能使用纯粹的CSS，相信这可能是其中之一。您需要JavaScript或服务器端的东西来根据内容在标记上设置不同的类名。列表是如何生成的？所以您不能硬编码不同的类吗？我认为这在CSS中是不可能的，对于这种类型的条件行为，我想您需要使用JavaScript。但我希望被证明是错的。哈哈，不可能什么都不是！！许多事情是不可能使用纯粹的CSS，相信这可能是其中之一。您需要JavaScript或服务器端的东西来根据内容在标记上设置不同的类名。列表是如何生成的？所以您不能硬编码不同的类吗？：这不是解决方案，如果您的答案是解决方案，我不会在stackoverflow中问这个问题：这不是解决方案，如果你的答案是解决方案，我不会在StackOverlownop中问这个问题，这个伪类只在只有一个孩子的情况下起作用。你对：only of type的描述是错误的，并且：only of type在这里无论如何都不起作用。不，这个伪类只在只有一个孩子的情况下起作用你对：only of type的描述是错误的，而且：在这里，只使用类型不会起作用。有趣的是，XPath可以做到这一点：有趣的是，XPath可以做到这一点：