首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

通用选择器 | Universal selectors

CSS 通用选择器*)匹配任何类型的元素。

代码语言:javascript
复制
* {
  color: green;
}

从CSS3开始,星号可以与namespaces结合使用:

  • ns|*- 匹配命名空间ns中的所有元素
  • *|* - 匹配所有元素
  • |*-匹配所有没有声明命名空间的元素

语法

代码语言:javascript
复制
* { style properties }

星号对于简单的选择器是可选的。例如,*.warning.warning是等价的。

实例

代码语言:javascript
复制
* [lang^=en] {
  color: green;
}

*.warning {
  color: red;
}

*#maincontent {
  border: 1px solid blue;
}

.floating {
  float: left
}

/* automatically clear the next sibling after a floating element */
.floating + * {
  clear: left;
}
代码语言:javascript
复制
<p class="warning">
  <span lang="en-us">A green span</span> in a red paragraph.</span>
</p>
<p id="maincontent" lang="en-gb">
  <span class="warning">A red span</span> in a green paragraph.</span>
</p>

规范

Specification

Status

Comment

Selectors Level 4The definition of 'universal selector' in that specification.

Working Draft

No changes

Selectors Level 3The definition of 'universal selector' in that specification.

Recommendation

Defines behavior regarding namespaces and adds hint that omitting the selector is allowed within pseudo-elements

CSS Level 2 (Revision 1)The definition of 'universal selector' in that specification.

Recommendation

Initial definition

浏览器兼容性

Feature

Chrome

Edge

Firefox (Gecko)

Internet Explorer

Opera

Safari

Basic support

(Yes)

(Yes)

1.0 (1.7 or earlier)

7

(Yes)

(Yes)

Combination with namespace support

(Yes)

(Yes)

1.0 (1.7 or earlier)

9

8

1.3

Feature

Android

Chrome for Android

Edge

Firefox Mobile (Gecko)

IE Mobile

Opera Mobile

Safari Mobile

Basic support

?

?

(Yes)

1.0 (1)

?

?

?

Combination with namespace support

?

?

(Yes)

?

?

?

?

扫码关注腾讯云开发者

领取腾讯云代金券