css复合选择器-通配符选择器

通配符选择器

在 CSS 中，星号 (*) 是通配符选择器。 它可以匹配任何类型的 HTML 元素。 与其他简单选择器结合使用时css复合选择器，省略通配选择器具有相同的效果。 例如css复合选择器，*.warning 和 .warning 具有完全相同的效果。

在 CSS3 中，星号 (*) 可以与命名空间组合：

CSS

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

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

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>

它将产生以下效果：

备注：作者不推荐使用通配符选择器，因为它是性能最低的CSS选择器。

规格

BCD 表仅在浏览器中加载

发现此页面内容有问题？ 想更多地参与吗？ 了解如何做出贡献。

本页面最后一次修改时间为 2023 年 7 月 28 日，由 MDN 贡献者完成。