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 |