html标记语言style,<style>

概要

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的样式表

The scoped attribute allows for you to include style elements mid-document.

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测试版本上是默认的。

查看更多

元素允许使用外部的样式表。

这篇文章有帮助吗？

是

否

谢谢！