以下示例中的 * 是什么意思？ [复制]

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 选择器以这些元素为目标。