From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/css/@namespace/index.html | 133 ++++++++++++++++++++++++++++++ 1 file changed, 133 insertions(+) create mode 100644 files/zh-cn/web/css/@namespace/index.html (limited to 'files/zh-cn/web/css/@namespace') diff --git a/files/zh-cn/web/css/@namespace/index.html b/files/zh-cn/web/css/@namespace/index.html new file mode 100644 index 0000000000..e14eb7d0cb --- /dev/null +++ b/files/zh-cn/web/css/@namespace/index.html @@ -0,0 +1,133 @@ +--- +title: '@namespace' +slug: Web/CSS/@namespace +tags: + - '@规则' + - CSS +translation_of: Web/CSS/@namespace +--- +

{{CSSRef}}

+ +

概述

+ +

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

+ +

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

+ +
+

Note: 在 XML中，除非前缀直接定义在了一个属性上（例如：xlink:href），这个属性就不会有命名空间。换句话说，属性将不会继承其所在元素的命名空间，为了符合这个行为，CSS中的默认命名空间不会加到属性选择器中

+
+ +

语法

+ +
/* 默认命名空间 */
+@namespace url(XML-namespace-URL);
+@namespace "XML-namespace-URL";
+
+/* 命名空间前缀 */
+@namespace prefix url(XML-namespace-URL);
+@namespace prefix "XML-namespace-URL";
+ +

标准语法

+ +
{{csssyntax}}
+ +

示例

+ +
@namespace url(http://www.w3.org/1999/xhtml);
+@namespace svg url(http://www.w3.org/2000/svg);
+
+/* 匹配所有的XHTML <a> 元素, 因为 XHTML 是默认无前缀命名空间 */
+a {}
+
+/* 匹配所有的 SVG <a> 元素 */
+svg|a {}
+
+/* 匹配 XHTML 和 SVG <a> 元素 */
+*|a {}
+
+ +

规范

+ + + + + + + + + + + + + + + + +
规范状态备注
{{SpecName('CSS3 Namespaces', '#declaration', '@namespace')}}{{Spec2('CSS3 Namespaces')}}Initial definition
+ +

浏览器兼容性

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
特性ChromeFirefox (Gecko)Internet ExplorerOperaSafari
基础支持{{CompatChrome(1.0)}}{{ CompatGeckoDesktop(1.0) }}9.08.01.0
命名空间选择器 (|){{CompatChrome(1.0)}}{{ CompatGeckoDesktop(1.0) }}9.08.03.0
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
特性AndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
基础支持{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
-- cgit v1.2.3-54-g00ecf