CSSのULと

https://codepen.io/________/pen/bogMwJ CSSのULと

パディングプロパティを継承しないオールなぜ私は単に身体のセレクタを使用することにより、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

ulとolタグがボディにそれらを設定することで上書きできないブラウザで設定されたデフォルトのマージンやパディングを持っています。これらのタグに直接設定する必要があります：

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

出典

2017-09-26 05:52:53

答えて

関連する問題