html当前状态,HTML5中样式元素的“作用域”属性的当前状态是什么?

您对规范的解释显示正确。

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。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值