通用选择器 | Universal selectors
Universal selectors
CSS 通用选择器
(*
)匹配任何类型的元素。
* {
color: green;
}
从CSS3开始,星号可以与namespaces
结合使用:
ns|*
- 匹配命名空间ns
中的所有元素
*|*
- 匹配所有元素
|*
-匹配所有没有声明命名空间的元素
语法
* { style properties }
星号对于简单的选择器是可选的。例如,*.warning
和.warning
是等价的。
实例
* [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;
}
<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) | ? | ? | ? | ? |