使用CSS选择<p> Descendant

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规范中(在"内容模型"下).

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