scoped 屬性是一個布爾屬性,如果使用scoped 屬性,則樣式只應用到 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 元素的父元素及其子元素。
scoped 屬性是 HTML5 中的新增屬性。
在 XHTML 中, 屬性是不允許簡寫的,scoped 屬性必須定義為:<style scoped="scoped" />。
<style scoped>HTML <style> 標簽