Html css不使用此规则应用";元素元素";。这个代码有什么问题?

Html css不使用此规则应用";元素元素";。这个代码有什么问题?,html,css,Html,Css,下面的代码中不应用CSS规则,该规则根据此链接显示元素。这里面有什么问题 警察司{ 文本对齐:居中; 颜色:红色; } 本标题不受影响 此段落将为红色并居中对齐 这不是规则本身,而是无效的HTML。不能将包装在中。将放入中,并将规则交换到div p{,它将工作。小的语法更改;-) p、 红色的{ 文本对齐:居中; 颜色:红色; } 本标题不受影响 此段落将为红色,并居中对齐 这可能是重复的:是的,这让我清楚地了解了问题的原因,谢谢:)我知道有这种方法,但我只想知道为什么我的代码不起作用:)

下面的代码中不应用CSS规则,该规则根据此链接显示元素。这里面有什么问题


警察司{
文本对齐:居中;
颜色:红色;
}
本标题不受影响
此段落将为红色并居中对齐


这不是规则本身,而是无效的HTML。不能将
包装在
中。将
放入
中,并将规则交换到
div p{
,它将工作。

小的语法更改;-)


p、 红色的{
文本对齐:居中;
颜色:红色;
}
本标题不受影响

此段落将为红色,并居中对齐


这可能是重复的:是的,这让我清楚地了解了问题的原因,谢谢:)我知道有这种方法,但我只想知道为什么我的代码不起作用:)
<!DOCTYPE html>
<html>
<head>
    <style>
        p.red{
            text-align: center;
            color: red;
        }
    </style>
</head>
<body>

<h1 class="">This heading will not be affected</h1>
<p class="red">This paragraph will be red and center-aligned</p>

</body>
</html>