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

标签 html css

<分区>

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

为什么使用 *{} 选择器设置 margin: 0 会移除列表缩进,但如果我使用 body 选择器则不会?

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>

最佳答案

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

但是,当您选择仅设置 body 样式时,除了 body 之外,您不会更改任何样式

您可以阅读答案here了解更多详情

关于html - 为什么设置边距会删除列表缩进,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55742618/

上一篇:html - Vuetify Offset 不创建任何偏移量

下一篇:php - 如何在单击按钮时更改表单输入标签的 CSS 属性(边框颜色)并提交数据?

相关文章:

html - 元视口(viewport)标签和 css 媒体查询

html - 如何在 iphone 上隐藏/显示 h2 和 ul 标签?

selenium webdriver 中的 css 或 xpath 正则表达式

css - Rails - 字体路径在生产中有效,但在本地主机上无效

html - css 中的标签问题。无法编辑html

html - 如何改变这些 f.inputs?

html - CSS变换在鼠标移动时失去悬停状态

html - 在 css 转换下消除 ul 高度的波动

.NET 和 Twitter Bootstrap 按钮

html - 将 Bootstrap 样式添加到工作搜索框