在以下示例中*的含义是什么？

Question

此代码中*的含义是什么？

.descendants * { 
    display: block;
    border: 2px solid lightgrey;
    color: lightgrey;
    padding: 5px;
    margin: 15px;
}

<div class="descendants" style="width:500px;">div (current element) 
  <p class="1">p (child)
    <span>span (grandchild)</span>     
  </p>
  <p class="2">p (child)
    <span>span (grandchild)</span>
  </p> 
</div>

Answer 1

CSS中的

*代表“任何元素”。

在上面的示例中，这将针对.descendants的任何和所有子元素。请注意第一个div中的文字是黑色的，p和span内容是灰色的并且有边框？这是因为CSS选择器正在瞄准这些元素。