HTML style scoped 属性

由网友 大卫 发布 阅读 10

HTML style scoped 属性

scoped 属性是一个布尔属性,如果使用scoped 属性,则样式只应用到 style 元素的父元素及其子元素。

 HTML <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 元素的父元素及其子元素。

HTML 4.01 与 HTML5之间的差异

scoped 属性是 HTML5 中的新增属性。

HTML 与 XHTML 之间的差异

在 XHTML 中, 属性是不允许简写的,scoped 属性必须定义为:<style scoped="scoped" />。

语法

<style scoped>
 HTML <style> 标签

HTML: <th> axis 属性 HTML: <time> datetime 属性