Html css ul和ol不继承填充属性_Html_Css_Inheritance_Html Lists

Html css ul和ol不继承填充属性

html css inheritance

Html css ul和ol不继承填充属性,html,css,inheritance,html-lists,Html,Css,Inheritance,Html Lists,为什么我不能使用body选择器简单地删除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>

为什么我不能使用body选择器简单地删除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>


正文{边距：0；填充：0}
ul，li{边距：0；填充：0}
CSS

同侧眼睑
同侧眼睑
同侧眼睑

同侧眼睑
同侧眼睑
同侧眼睑

ul和

ol

标签有一个默认的边距和填充，由浏览器设置，不能通过将其设置为正文来覆盖。您必须直接将其设置为这些标记：

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

ul

和

ol

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

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