HTML style scoped 属性
最后更新于：2022-03-26 23:11:59
HTML <style> scoped 属性
HTML <style> 标签实例
使用 scope 属性描述 <div> 元素的样式：
<div>
<style type=”text/css” scoped>
h1 {color:red;}
p {color:blue;}
</style>
<h1>这个标题是红色的</h1>
<p>这个段落是蓝色的。</p>
</div>
<style type=”text/css” scoped>
h1 {color:red;}
p {color:blue;}
</style>
<h1>这个标题是红色的</h1>
<p>这个段落是蓝色的。</p>
</div>
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
| 属性 | |||||
|---|---|---|---|---|---|
| scoped | 不支持 | 不支持 | 21.0 | 不支持 | 不支持 |
定义和用法
scoped 属性是一个布尔属性。
如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。
HTML 4.01 与 HTML5之间的差异
scoped 属性是 HTML5 中的新属性。
HTML 与 XHTML 之间的差异
在 XHTML 中, 属性是不允许简写的，scoped 属性必须定义为：<style scoped=”scoped” />。
语法
<style scoped>