您对规范的解释显示正确。
MDN page on the style tag包括对范围属性的描述。
scoped If this attribute is present,then the style applies only to its parent element. If absent,the style applies to the whole document.
范围属性:
这是一个可以在Firefox 21中工作的工作示例。
例:
Out of scope.
p {
background: green;
}
In scope (green background).
Out of scope.
在不支持范围属性的浏览器中,这些样式全局应用。
The:范围伪选择器:
例:
Outside scope.
:scope p {
background: green;
}
In scope (green background).
Outside scope.
此选项还增加了如果浏览器不了解作用域属性的风格,则不会在全局应用样式。唯一的问题是,Safari 7将会识别:范围伪选择器,即使不支持范围属性,因此Safari 7中的优点将会丢失。
全球风格:
如前所述,使用没有作用域属性的样式标签将创建全局样式,因此如果包含作用域属性,它将仅作为范围。
兼容性摘要:
在这一点上,对该功能的支持看起来很暗淡。 CSS范围仅在Firefox 21中受支持。 Chrome,Internet Explorer,Safari或Opera目前不支持此功能。 According to caniuse.com,从Chrome 20到36,可以启用支持与实验标志,但support was removed。