为什么设置边距会删除列表缩进

Question

我已经在html中创建了一个嵌套列表。

为什么使用* {}选择器设置边距：0会删除列表的缩进，但如果使用主体选择器则不会删除？

body {
  padding: 0px;
}

<ul>
  <li>Home</li>
  <li>About</li>
  <li>Resume
    <ul>
      <li>Experience</li>
      <li>Skills</li>
      <li>Portfolio</li>
    </ul>
  </li>
  <li>Interests
    <ul>Photography</ul>
    <ul>Favourites</ul>
  </li>
</ul>

Answer 1

星号*表示全部，因此当您将属性放入（全部）时，它基本上会为HTML正文中的元素 all 设置样式

但是，当您选择仅设置body的样式时，您只会更改body的样式

您可以阅读答案here了解更多详细信息