第1章 第511节 attr style scoped

推荐给朋友

HTML <style> scoped 属性

实例

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

<div>
    <style type="text/css" scoped>
        h1 {color:red;}
        p {color:blue;}
    </style>
    <h1>这个标题是红色的</h1>
    <p>这个段落是蓝色的。</p>
</div>

尝试一下

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性 Chrome IE FireFox Safari Opera
scoped 不支持 不支持 21.0 不支持 不支持

定义和用法

scoped 属性是一个布尔属性。

如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。

HTML 4.01 与 HTML5之间的差异

scoped 属性是 HTML5 中的新属性。

HTML 与 XHTML 之间的差异

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

语法

<style scoped>