html - 我可以选择一个不包含其他元素的元素吗？

Question

在 CSS 中，我可以选择一个不包含其他元素的元素吗？

例如:

<div>
    <p>ABC</p>
    <p>
        <q>123</q>
    </p>
    <p>ABC</p>
</div>

我想为每个p设置css元素，但不适用于包含 q 的元素.

这可能吗？

Answer 1

如果这就是您的 HTML 的样子，您可以使用这样的方法...

div p {
   /* styles */
}

div p q {
  /* styles to *undo* previous styles, plus additional ones */
}