HTML <style> scoped 屬性
實例
使用 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>
HTML <style> 標籤