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>
嘗試一下»
瀏覽器支持
只有Firefox屬性支持scoped 屬性。
定義和用法
scoped 屬性是一個布爾屬性。
如果使用該屬性,則樣式僅僅應用到style 元素的父元素及其子元素。
HTML 4.01 與HTML5之間的差異
scoped 屬性是HTML5 中的新屬性。
HTML 與XHTML 之間的差異
在XHTML 中, 屬性是不允許簡寫的,scoped 屬性必須定義為:<style scoped="scoped" />。
語法
<style scoped>
HTML <style>標籤