css 为什么相同的造型会产生不同的结果[已关闭]

4zcjmb1e  于 2023-01-10  发布在  其他
关注(0)|答案(1)|浏览(94)

**已关闭。**此问题为not reproducible or was caused by typos。当前不接受答案。

这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic,但这个问题的解决方式不太可能帮助未来的读者。
昨天关门了。
Improve this question
这里我使用内联样式:

<!DOCTYPE html>
<html>
  <body>
    <p style="background-color: tomato; padding: 5px;">Seme text<p>
  </body>
</html>

这里我使用内部样式:

<!DOCTYPE html>
<html>
    <head>
        <style>
            p
            {
                background-color: tomato; 
                padding: 5px;
            }
        </style>
    </head>
    <body>
        <p>Seme text<p>
    </body>
</html>

结果如下图所示:illustracion about the problem有人能解释一下为什么我会得到这两个不同的结果吗?
我希望这两种款式是一样的

62lalag4

62lalag41#

在这两种情况下,都不会像</p>那样结束p标记
所以HTML中有2个p标记
内联样式仅对一个(第一个应用内联样式的对象)进行样式设置。
内部样式适用于两者,这就是为什么您会看到2个矩形。

相关问题