html – CSS适用于范围之外

发布时间：2020-12-25 07:12:31 所属栏目：资源来源：网络整理

导读：最简单的范围样式示例在Chrome中不起作用(第25版)： div h1Hello 1/h1/divdiv h1Hello 2/h1 style scoped h1 { color: red; } /style/div 试一试：http://jsfiddle.net/RWW8r/2/ 两个h1都变成红色：范围样式应仅适用于第二个h1. 我看到该功能是在Chrome中实

最简单的范围样式示例在Chrome中不起作用(第25版)：

<div>
    <h1>Hello 1</h1>
</div>
<div>
    <h1>Hello 2</h1>
    <style scoped> h1 { color: red; } </style>
</div>

试一试：http://jsfiddle.net/RWW8r/2/

两个h1都变成红色：

范围样式应仅适用于第二个h1.

我看到该功能是在Chrome中实现的,为什么不起作用？难道我做错了什么？

解决方法

你没有做错任何事.截至目前,作用域CSS仍然是一项实验性功能,目前任何浏览器都不支持.

但是,如果您想在Chrome中使用它,您可以执行以下操作：

>转到Chrome浏览器中的chrome：// flags /;>查找“启用实验性WebKit功能”.然后单击启用>重新启动浏览器.>试试你的代码.它应该工作.

（编辑：上海站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!