scoped 属性是一个布尔属性,如果使用scoped 属性,则样式只应用到 style 元素的父元素及其子元素。
使用 scope 属性描述 <div> 元素的样式:
<div> <style type="text/css" scoped> h1 {color:yellow;} p {color:green;} </style> <h1>这个标题是黄色的</h1> <p>这个段落是绿色的。</p> </div>测试看看 ‹/›
属性 | |||||
---|---|---|---|---|---|
scoped | 不支持 | 不支持 | 21.0 | 不支持 | 不支持 |
scoped 属性是一个布尔属性。
如果使用scoped 属性,则样式只应用到 style 元素的父元素及其子元素。
scoped 属性是 HTML5 中的新增属性。
在 XHTML 中, 属性是不允许简写的,scoped 属性必须定义为:<style scoped="scoped" />。
<style scoped>HTML <style> 标签