css 选择器中 * 和 html 有什么区别

Question

在css中，两个选择器有什么区别：*和html？

*{

}

和

html{

}

这两者的工作方式不同吗？

Answer 1

*{} 选择所有元素及其所有子元素，其中 html{} 仅选择 <html> 元素

查看示例

html {
    border: solid 2px orange;
}

* {
    border: solid 2px green;
    font-size: 1.2em;
}

<ul>
  <li>one</li>
  <li>two</li>
  <li>three
  <ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
  </ul>
  </li>
</ul>

<p>lorem ipsum</p>

现在看看字体是如何变大的，因为它的 em 将采用前一个元素的大小。

What's the difference between * and html in css selector