我通过HTML5规范阅读样式和用于在style元件scoped属性,它指定:HTML5作用域父(作用域)元件
的scoped属性是一个布尔属性。如果存在,则表示这些样式仅适用于以style元素的父元素为根的子树,而不是整个Document。
由具有scoped属性并且具有是一个元件的作用范围,与作用域单元是所述style元素的父元素的父节点的style元件声明的样式表。
我试图确定是否可以通过作用域样式表访问作用域元素,或者只是作用域元素的子树的子节点。
我从MDN复制this example和修改了一点:
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 –