CSS中'*'的含义

Question

  

可能重复：
  css: the meaning of * mark

*在css中做了什么？我看到了包含它的一些代码here：

.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）作为   本地名称，代表合格   任何元素类型的名称。

Answer 3

*表示分配给它的样式必须应用于整个页面。这不是一个错字。

Answer 4

• 表示everthing：文档中的每个标记/元素。

在这种情况下.center-wrapper *具有中心包装类的每个元素下的所有内容。

Answer 5

这意味着它将选择DOM部分内的所有元素。

Answer 6

*是Universal选择器。 .center-wrapper *选择.center-wrapper的所有后代元素。