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/universal_selectors/index.html | 142 +++++++++++++++++++++ 1 file changed, 142 insertions(+) create mode 100644 files/zh-cn/web/css/universal_selectors/index.html (limited to 'files/zh-cn/web/css/universal_selectors/index.html') diff --git a/files/zh-cn/web/css/universal_selectors/index.html b/files/zh-cn/web/css/universal_selectors/index.html new file mode 100644 index 0000000000..8b72901ccc --- /dev/null +++ b/files/zh-cn/web/css/universal_selectors/index.html @@ -0,0 +1,142 @@ +--- +title: 通配选择器 +slug: Web/CSS/Universal_selectors +tags: + - CSS + - Selectors + - 选择器 +translation_of: Web/CSS/Universal_selectors +--- +

{{ CSSRef() }}

+ +

概述

+ +

在CSS中,一个星号(*)就是一个通配选择器.它可以匹配任意类型的HTML元素.在配合其他简单选择器的时候,省略掉通配选择器会有同样的效果.比如,*.warning 和.warning 的效果完全相同.

+ +

在CSS3中,星号(*)可以和命名空间组合使用:

+ + + +

示例

+ +
*[lang^=en]{color:green;}
+*.warning {color:red;}
+*#maincontent {border: 1px solid blue;}
+
+ +

上面的CSS作用于下面的HTML:

+ +
<p class="warning">
+  <span lang="en-us">A green span</span> in a red paragraph.
+</p>
+<p id="maincontent" lang="en-gb">
+  <span class="warning">A red span</span> in a green paragraph.
+</p>
+
+ +

则会产生这样的效果:

+ +

A green span in a red paragraph.

+ +

A red span in a green paragraph (with a border.)

+ +
注: 笔者不推荐使用通配选择器,因为它是性能最低的一个CSS选择器.
+ +

规范

+ + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
CSS Selectors Level 3{{ Spec2('CSS3 Selectors') }}定义了在命名空间下的行为并提示在伪元素中忽略它是允许的
CSS 2.1{{ Spec2('CSS2.1') }}初始定义
+ +

浏览器兼容性

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{ CompatVersionUnknown() }}{{ CompatGeckoDesktop("1") }}7{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
Combination with namespace support{{ CompatVersionUnknown() }}{{ CompatGeckoDesktop("1") }}981.3
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatGeckoMobile("1") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
Combination with namespace support{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +

相关链接

-- cgit v1.2.3-54-g00ecf