ul et ol css ne pas hériter de rembourrage

https://codepen.io/________/pen/bogMwJ ul et ol css ne pas hériter de rembourrage

pourquoi je ne peux pas supprimer le 40px par défaut gauche rembourrage et haut 16px et marge inférieure sur la ul et ol simplement en utilisant le sélecteur de corps? Pourquoi ai-je besoin d'utiliser les sélecteurs ul, ol et li pour supprimer cette marge et ce remplissage?

<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>

Source

2017-09-26 Chris Attencio

Les ul et ol balises ont une marge par défaut et le rembourrage fixé par le navigateur qui ne peut pas être écrasé en les plaçant sur le corps. Vous devrez le mettre directement à ces balises:

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

Source

2017-09-26 05:52:53

ul et ol css ne pas hériter de rembourrage

Répondre

Questions connexes