1. 首页
  2. 问答
  3. CSS UL和OL不继承padding属性

CSS UL和OL不继承padding属性

2017-09-26 159 views
0

https://codepen.io/________/pen/bogMwJCSS UL和OL不继承padding属性

为什么我不能简单地用身体选择删除留在UL和OL填充和16px的顶部和底部边缘的默认40像素？ 为什么我需要使用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>

来源

2017-09-26 Chris Attencio

回答

2

的ul和ol标签都有一个默认margin和padding由不能将它们设置为身体被覆盖浏览器设置。您必须直接将其设置为这些标签：

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

来源

2017-09-26 05:52:53

相关问题

 相关问题