245 HTML style scoped 属性

HTML <style> scoped 属性

在<style>标签中使用 scoped 属性会限制样式只影响 <style> 标签的父元素和它所有的后代元素。

实例

使用 scope 属性描述 <div> 元素的样式：

<div>
<style type="text/css" scoped>
h1 {color:red;}
p {color:blue;}
</style>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</div>

试一试

浏览器支持

只有 Firefox 属性支持 scoped 属性 。

定义和用法

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

HTML 4.01 与 HTML5之间的差异

scoped 属性是 HTML5 中的新属性。

HTML 与 XHTML 之间的差异

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

语法

<style scoped>