CSS命名空间（CSS Namespaces）是一种在CSS - 核以解忧 - 沸点 - 掘金

前端 @鱼和熊掌一把抓

#每天一个知识点# CSS命名空间（CSS Namespaces）是一种在CSS中为选择器添加前缀的机制，以避免选择器名称的冲突。在XML和SVG中，命名空间被广泛使用，但在CSS中较少使用。

在CSS中，可以使用ns伪类选择器来选择具有特定命名空间前缀的元素。例如：
/* 选择所有命名空间为

www.example.com的元素 */
*|namespace-uri("

www.example.com") {
/* 添加样式 */
}
在上述代码中，namespace-uri是一个伪类选择器，它接受一个命名空间前缀作为参数，并选择所有具有该命名空间前缀的元素。
命名空间也可以与其他选择器组合使用，例如：
/* 选择所有命名空间为

www.example.com且class为my-class的元素 */
*|namespace-uri("

www.example.com") .my-class {
/* 添加样式 */
}
在上述代码中，我们结合了命名空间选择器和类选择器来选择具有特定命名空间前缀和类名的元素。
需要注意的是，由于CSS是一种大小写敏感的语言，因此在命名空间选择器中传递的命名空间前缀应该是大小写敏感的。此外，由于CSS是一种静态语言，无法在运行时动态地更改命名空间，因此命名空间选择器只能用于静态地选择元素。

展开

前端开发圈