html - 如果有多个 HTML 元素，则 HTML 元素的有趣“问题”

Question

有人可以向我解释以下内容吗？

在以下代码中，Firefox、Chrome 和 Opera 中的所有文本都是红色的。（代码）

<html>
    <head><title>HTML TEST</title></head>
    <body>
        Test One
        <html style="color:red">Test Two</html>
    </body>
</html>

现在我知道实际上你不应该html在 body 标签内添加元素，但是是什么让浏览器改变了文本的颜色body而不是第二个html？

如果我添加style=blue到第一个 html，那么所有文本都是蓝色的。

重申一下 - 我知道这不是一个实际问题，我只是想知道是什么让浏览器以这种方式运行。

score 2 · Accepted Answer

使用 firebug for firefox 或在 chrome 中按 f12 以查看浏览器如何解释代码。在 Firefox 和 Chrome 中，您都会看到只有一个<html>标签。有趣的是，与@Ragarokkr 的答案样式相比，外部标签优先于内部标签：

score 0 · Accepted Answer

从做进一步的测试；

如果没有style与根级别关联的属性，则将删除html任何前面的html元素并将它们的样式添加到根级别html元素。

一旦有与根级别html元素关联的样式属性，则样式更改将无关紧要。

例如，在我的链接代码中，将第一个html元素更改为style=""后面的元素，文字将是黑色的。

这是一个有趣的属性。

2 回答 2