概要
HTML的
元数据内容, 如果指定了scoped属性:流内容。
允许的内容匹配type属性指定的语言的样式信息。
标签忽略 不允许,开始标签和结束标签都不能省略。
允许的父元素 ...
属性
该元素包含所有全局属性。
type
该属性以MIME类型(不应该指定字符集)定义样式语言。如果该属性未指定,则默认为‘text/css'。
media
scoped
如果该属性存在,则样式应用于其父元素;如果不存在,则应用于整个文档。
title
指定可选的样式表。
disabled
If set, disables (does not apply) the style rules to the Document that are specified within the element.如果指定该属性,关闭(不应用)样式规则到文档中的元素。
示例
一个简单的样式表
body {
color:red;
}
一个scoped的样式表
Inside rules only apply to the parent element.
This text should be black. If it is red your browser does not support the scoped attribute.
p { color: red; }
This should be red.
现场示例
规范
浏览器兼容性
特性
Chrome
Firefox (Gecko)
Internet Explorer
Opera
Safari (WebKit)
基本支持
(Yes)
1.0 (1.7 or earlier)
(Yes)
(Yes)
(Yes)
scoped
20 [1]
未实现
未实现
未实现
特性
Android
Firefox Mobile (Gecko)
IE Phone
Opera Mobile
Safari Mobile
基本支持
(Yes)
1.0 (1.7 or earlier)
(Yes)
(Yes)
(Yes)
scoped
?
25.0 (25.0)[2]
未实现
未实现
未实现
[1] 在Chrome 20+到34,同过在chrome://flags中打开“Enable
[2] Gecko在20及更高版本实现:scope 伪类,但是layout.css.scope-pseudo.enable必须被设置为true。这仅是在每夜和Aurora测试版本上是默认的。
查看更多
元素允许使用外部的样式表。
这篇文章有帮助吗?
是
否
谢谢!