Question

为什么我只能通过使用身体选择器来删除ul和ol上的默认40px左边距和16px上下边距？为什么我需要使用ul，ol和li选择器来删除这个边距和填充？

<header>
<style>

     body {margin: 0; padding: 0}

     ul, li  {margin: 0; padding: 0}
</style>
</header>
<body>

<h1>CSS</h1>

    <ul>
        <li>Lorem ipsum</li>
        <li>Lorem ipsum</li>
        <li>Lorem ipsum</li>
    </ul>   


    <ol>
        <li>Lorem ipsum</li>
        <li>Lorem ipsum</li>
        <li>Lorem ipsum</li>
    </ol>   

</body>

Answer 1

ul和ol标记具有默认边距和浏览器设置的填充，无法通过将其设置为正文来覆盖。您必须将其直接设置为这些标记：

ul, ol {
  margin: 0;
  padding: 0;
}

css ul和ol没有继承padding属性

1 个答案: