html的作用域,HTML5作用域父（作用域）元件

我通过HTML5规范阅读样式和用于在style元件scoped属性，它指定：HTML5作用域父(作用域)元件

的scoped属性是一个布尔属性。如果存在，则表示这些样式仅适用于以style元素的父元素为根的子树，而不是整个Document。

由具有scoped属性并且具有是一个元件的作用范围，与作用域单元是所述style元素的父元素的父节点的style元件声明的样式表。

我试图确定是否可以通过作用域样式表访问作用域元素，或者只是作用域元素的子树的子节点。

我从MDN复制this example和修改了一点：

The scoped attribute allows for you to include style elements mid-document. Inside rules only apply to the parent element.

This text should be black. If it is red your browser does not support the scoped attribute.

section {

color: red;

}

This should be red.

Another section here

当我跑了一个支撑的浏览器(仅限Firefox浏览器在这个时候)的例子中，文本This should be red仍为红色。但是，没有section元素作为范围元素的子元素。此外，“此处的另一部分”不是红色，因此该样式仅适用于范围元素。

有人可以确认此行为是否符合规范或Mozilla实施中的错误？

+5

_“对于植根于样式元素的父元素的子树”_ - 如果'section'是该子树的_root_元素，则使其成为该子树的_part_。 –

+7

啊，多么美妙的新方法来产生浏览器不一致。 –

+0

@MrLister dam right –