CSS 命名空间
**CSS 命名空间**模块定义了在 CSS 中使用命名空间的语法。
CSS 不仅仅用于设置 HTML 的样式。样式表可用于设置 SVG、MathML、XML 或 HTML 的样式,它们各自具有不同的命名空间或包含多个命名空间的文档。
此模块中定义的@namespace
@规则能够区分不同命名空间中同名的元素。元素标签名称并非特定于一种语言。例如,<a>
元素不限于 HTML。您可能希望将 SVG 中的 <a>
的样式与 HTML 中的链接区分开来。您可能还需要确保querySelectorAll("a")
选择正确的元素类型。命名空间可以提供帮助。
@namespace
规则用于声明默认命名空间以及将命名空间绑定到命名空间前缀。命名空间模块还定义了使用这些前缀表示命名空间限定名称的语法。仅此而已。名称的含义或名称是否有效取决于上下文和宿主语言。
参考
At规则
指南
- 命名空间速成课程
-
深入了解命名空间是什么以及它们如何在 XML 和基于 XML 的标记语言中使用。
相关概念
- CSS 命名空间分隔符 (
|
) 组合符 - CSS 类型选择器
- CSS 通用选择器
CSSNamespaceRule
接口Document.createAttributeNS()
方法Document.createElementNS()
方法Document.getElementsByTagNameNS()
方法Element.getAttributeNodeNS()
方法Element.getAttributeNS()
方法Element.getElementsByTagNameNS()
方法Element.hasAttributeNS()
方法Element.namespaceURI
属性Element.removeAttributeNS()
方法Element.setAttributeNS()
方法Element.setAttributeNodeNS()
方法NamedNodeMap.getNamedItemNS()
方法NamedNodeMap.removeNamedItemNS()
方法NamedNodeMap.setNamedItemNS()
方法- 命名空间 词汇表术语
规范
规范 |
---|
CSS 命名空间模块级别 3 # 声明 |
浏览器兼容性
BCD 表格仅在浏览器中加载
另请参阅
<a>
SVG 元素- CSS
url()
函数 - CSS @规则
- CSS @规则函数
- CSS 选择器