CSS <style scoped>适用于范围之外

Question

最简单的范围样式示例在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中实现的,为什么不起作用？难道我做错了什么？

Answer 1

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

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

• 转到Chrome浏览器中的chrome:// flags /;
• 找到"启用实验性WebKit功能".然后单击启用
• 重启浏览器.
• 试试你的代码.它应该工作.