使用CSS选择<p>后代</p>

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>个元素的后代（等等）。

  

这样的规则将在何处列出？

在the HTML specification（在“内容模型”下）。

您可能会发现使用a markup validator测试代码很有用。