Chromium 最近实现了一个HTML5的新特性：范围样式，又叫做<style scoped> 。开发者可以通过为根元素设定一个添加了scoped属性的style标签，来限制样式只作用于style标签的子元素上。这会限制样式只影响style标签的父元素和它所有的后代元素。
例子
下面是一个使用了标准样式的简单页面：
<html>
<body>
<div>a div! <span>a span!</span></div>
<div>
<style>
div { color: red; } span { color: green; }</style>
a div! <span>a span!</span></div>
<div>a div! <span>a span!</span></div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）