1. 首頁
  2. 問答
  3. CSS UL和OL不繼承padding屬性

CSS UL和OL不繼承padding屬性

2017-09-26 160 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

相關問題

 相關問題