Skip to main content

CSS 通用选择器 Universal selectors

Docs

通配选择器 - CSS | MDN (mozilla.org)

通用选择器 Universal selector：选择所有元素。（可选）可以将其限制为特定的名称空间或所有名称空间。

  • 语法：* ns|* *|*
  • 例子：* 将匹配文档的所有元素。
通用选择器 Universal selector
/* Selects all elements */
* {
  color: green;
}

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

在 CSS3 中，星号 (*) 可以和命名空间 @namespace组合使用：

  • ns|* - 会匹配 ns 命名空间下的所有元素
  • *|* - 会匹配所有命名空间下的所有元素
  • |* - 会匹配所有没有命名空间的元素

  • 通用选择器（universal selector）

    • 所有的元素都会被选中;

  • 一般用来给所有元素作一些通用性的设置

    • 比如内边距、外边距;
    • 比如重置一些内容;
info

尽量不要使用，因为它是性能最低的一个 CSS 选择器。

<p class="warning">
  <span lang="en-us">A green span</span> in a darkorange paragraph.
</p>
<p id="maincontent" lang="en-gb">
  <span class="warning">A darkorange span</span> in a green paragraph.
</p>
http://localhost:3000/css-universal-selectors.html

A green span in a darkorange paragraph.

A darkorange span in a green paragraph.