CSS @namespace 规则

定义和用法

CSS @namespace 规则用于在样式表中定义一个要使用的 XML 命名空间。

@namespace 规则必须位于所有 @charset@import 规则之后,且在样式表中的所有其他 at-规则(以 @ 开头的规则)和样式声明之前。

实例

在样式表中定义两个 XML 命名空间:

@namespace url(http://www.w3.org/1999/xhtml); /* 默认命名空间 */
@namespace svg url(http://www.w3.org/2000/svg); /* 带前缀的命名空间 */

/* 匹配所有 XHTML 中的 <a> 元素(因为 XHTML 是默认命名空间) */
a {
  color: salmon;
  text-decoration: none;
  font-weight: bold;
}

/* 匹配所有 SVG 中的 <a> 元素 */
svg|a {
  fill: maroon;
  text-decoration: underline;
}

/* 匹配 XHTML 和 SVG 中的 <a> 元素 */
*|a {
  text-transform: uppercase;
}

亲自试一试

CSS 语法

@namspace prefix url(xmlNamspaceURL);

属性值

描述
prefix 可选。定义命名空间前缀。
url() 必需。命名空间的 URL。

浏览器支持

表格中的数字表示首个完全支持该 @ 规则的浏览器版本。

Chrome Edge Firefox Safari Opera
1 12 1 1 8