html - 选择使用 CSS 的后代

Question

为什么所有结果都有默认的黑色？不接受任何规则！这是因为<p>不允许有后代吗？这样的规则会在哪里列出？谢谢。

例子

HTML

<div id="id1">
    <p>...some text...</p>
    <p>
          <p> nested p </p>
          <span> nested span 1 </span>
    </p>
    <span> nested span 2 </span>
</div>

CSS

p>p {color:red;}
p>span {color:yellow;}
p p {color:green;}
p span {color:blue;}

Answer 1

这是因为<p>不允许有后代吗

不，这是因为<p>不允许有作为<p>元素的后代（以及其他元素）。

这样的规则会在哪里列出？

在HTML 规范中（在“内容模型”下）。

您可能会发现使用标记验证器测试您的代码很有用。