html – CSS适用于范围之外

前端之家收集整理的这篇文章主要介绍了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都变成红色:

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

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

解决方法

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

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

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

猜你在找的HTML相关文章