CSS中'*'的含义

Question

可能重复:
css:*标记的含义

*在CSS 中做什么？我在这里看到一些包含它的代码:

.center-wrapper{
  text-align: center;
}
.center-wrapper * {
  margin: 0 auto;
}

这是拼写错误吗？

Answer 1

* 意味着所有.

在这种情况下,它将是所有元素 .center-wrapper

Answer 2

这是一个通配符，它匹配每个元素。因此，在您的示例中，这意味着每个元素都是具有“center-wrapper”类的元素的后代。

根据官方 W3C 文档，它被称为“通用选择器”，请参阅http://www.w3.org/TR/css3-selectors/#universal-selector：

通用选择器，写成 CSS 限定名称 [CSS3NAMESPACE]，带有星号 (* U+002A) 作为本地名称，表示任何元素类型的限定名称。