html – CSS适用于范围之外

概述最简单的范围样式示例在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都变成红色： 范围样式应仅适用于第二 最简单的范围样式示例在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功能”.然后单击启用>重新启动浏览器.>试试你的代码.它应该工作.

总结

以上是内存溢出为你收集整理的html – CSS适用于范围之外全部内容，希望文章能够帮你解决html – CSS适用于范围之外所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。