@namespace

版本：CSS3

@namespace 是用来定义使用在CSS样式表中的XML命名空间的@规则。定义的命名空间可以把通配、元素和属性选择器限制在指定命名空间里的元素。@namespace规则通常在处理包含多个namespaces的文档时才有用，比如HTML5里内联的SVG、MathML或者混合多个词汇表的XML。

• @namespace规则都必须在所有的@charset和@import规则之后，并且在样式表中，位于其他任何 style declarations 之前。
• @namespace可以用来定义默认命名空间。当定义过默认命名空间后，所有的通配选择器和类型选择器（但不包括属性选择器，详情看下面的note）都只应用在这个命名空间的元素中。
• @namespace规则也可以用于定义命名空间前缀。当一个通配、类型、属性选择器前面有命名空间前缀修饰时，这个选择器将只匹配那些命名空间与元素名或属性匹配的元素。

在 HTML5 中，已知的 foreign elements(“外语元素，比如SVG和math命名空间中的元素”)将被自动加上命名空间。这意味着即使文档中没有任何xmlns属性，HTML元素也将表现的如同他们在XHTML命名空间内(http://www.w3.org/1999/xhtml)一样，而svg和math元素则将被加上对应的命名空间(http://www.w3.org/2000/svg 和http://www.w3.org/1998/Math/MathML).

Note:在 XML中，除非前缀直接定义在了一个属性上（例如：xlink:href），这个属性就不会有命名空间。换句话说，属性将不会继承其所在元素的命名空间，为了符合这个行为，CSS中的默认命名空间不会加到属性选择器中

示例

@namespace url(http://www.w3.org/1999/xhtml);
@namespace svg url(http://www.w3.org/2000/svg);

浏览器支持

语法

• ：命名空间前缀
• ：字符串表示的命名空间
• ：引用加载一个命名空间

示例

>@namespace url(http://www.w3.org/1999/xhtml);
@namespace svg url(http://www.w3.org/2000/svg);

/* 匹配所有的XHTML  元素, 因为 XHTML 是默认无前缀命名空间 */
a {}

/* 匹配所有的 SVG  元素 */
svg|a {}

/* 匹配 XHTML 和 SVG  元素 */
*|a {}

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com