Html 不应该';最后一个p属性是否覆盖它上面的所有p属性? #内容p{颜色:黄色;} p{颜色:紫色;} p{颜色:绿色;}

Html 不应该';最后一个p属性是否覆盖它上面的所有p属性? #内容p{颜色:黄色;} p{颜色:紫色;} p{颜色:绿色;},html,css,Html,Css,当我运行代码时,所有的p都变成黄色而不是绿色(这是我所期望的) 此处的html代码: <style> #content p {color: yellow;} p {color: purple;} p {color: green;} </style> 二人世界 二人世界 二人世界 否,因为第一条规则的优先级高于其他规则 “最后一个赢”规则仅适用于具有相同特异性的CSS规则。否,因为第一个规则比其他规则具有更高的特异性 “最后一个胜出”规则仅适用于具有相同特殊性的CSS规

当我运行代码时,所有的p都变成黄色而不是绿色(这是我所期望的)

此处的html代码:

<style>
#content p {color: yellow;}
p {color: purple;}
p {color: green;}
</style>

二人世界

二人世界

二人世界


否,因为第一条规则的优先级高于其他规则


“最后一个赢”规则仅适用于具有相同特异性的CSS规则。

否,因为第一个规则比其他规则具有更高的特异性


“最后一个胜出”规则仅适用于具有相同特殊性的CSS规则。

好的,由于CSS优先级,您的p变为黄色。读这篇文章,它对你很有帮助。

一切正常,你的p变成黄色,因为css的优先级。读这个,它对你有帮助

<div id="content">
<p>Duis autem vel eum </p>
<p>Duis autem vel eum </p>
<p>Duis autem vel eum </p>
</div>