Html 为什么css会生成黄色段落

我希望这会给代码一个蓝色。你能解释一下原因吗？

这不是一个有效的css，因为你不能在css中嵌套规则

因此，p.cute规则被忽略。

您没有正确关闭p.cute规则

        <style>
    p {
        color:         red;
    }
    .warm {
        color:         green;
    }
    p.warm {
        color:         orange;
    }
    p.cute {
        color:         yellow;
    }
    p.boring {
        color:         blue;
    }
    }

    </style>

<p class="warm cute boring">

应该是

p.cute {
    color:         yellow;

p.boring {
    color:         blue;
}
}

---

末尾的}应该在p之前。错别字。谢谢，这是一个错别字。在上面的例子中，我有一个错别字。我修正了，但我还是得到了一个黄色的段落，不是蓝色的。谢谢，我修正了。那是个打字错误。

p.cute {
    color:         yellow;

}
p.boring {
    color:         blue;
}