@namespace 规则(命名空间)

最新推荐文章于 2024-09-24 22:34:59 发布

shenwen5225

最新推荐文章于 2024-09-24 22:34:59 发布

阅读量3.7k

点赞数

分类专栏： html+css 文章标签： css

本文链接：https://blog.csdn.net/shenwen522519753/article/details/103901422

版权

@namespace 规则在CSS中用于定义XML命名空间，帮助在处理多命名空间文档时避免选择器冲突。它允许指定选择器应用于特定命名空间内的元素，防止如HTML和SVG中相同标签名的选择器误匹配。@namespace必须置于@charset和@import之后，其它声明之前。默认命名空间应用于所有通配和类型选择器，而命名空间前缀则限定于带有该前缀的选择器。在HTML5中，foreign elements会自动分配命名空间。浏览器对@namespace的支持情况也有所不同。

摘要由CSDN通过智能技术生成

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

例如，html 中的超链接标签是 a, SVG中的超链接标签也是 a。当通过标签获取 a 元素或者通过标签选择器设置样式时，可能会选中页面所有的 a 元素。

任何 @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