Anulación de un estilo CSS

Question

En una hoja de estilo global que se utiliza en todas nuestras páginas se asienta la siguiente línea:

ul { margin: 0; } 
li { list-style-type: none; padding-bottom: 3px; } 

Por lo tanto, ninguna de UL dentro de mis páginas render sin discos junto a Li.

Sin embargo, en casos especiales, necesito mostrar el disco junto a un li.

Tengo un div con la clase "blog-post" y, aunque creo que lo siguiente sería el truco para mí.

.blog_body ul { list-style-type: disc; } 
.blog_body ol { list-style-type: decimal; } 

Sin embargo, esto no está haciendo el truco.

Así, con el siguiente fragmento de código HTML

<ul> 
    <li>Testing</li> 
</ul> 
<ol> 
    <li>Testing</li> 
</ol> 

Los resultados con:

Testing 
1. Testing 

Aún no hay ningún disco en el li de anidado en las de UL. ¿Pensamientos sobre cómo puedo conseguirlos allí? Mi CSS-fu es débil ....

Answer 1

importante no es necesaria porque los estilos específicos de la clase anulan los estilos globales ya. El problema es porque en el estilo global establece el margen en cero. El tipo de estilo se está representando correctamente, pero simplemente no puede verlo. Esto debería funcionar para usted:

.blog_body ul 
{ 
    list-style-type: disc; 
    margin: 1em; 
} 

Answer 2

cambiar esta situación:

.blog_body ul { list-style-type: disc; } 
.blog_body ol { list-style-type: decimal; } 

a esto:!

.blog_body ul li { list-style-type: disc; } 
.blog_body ol li { list-style-type: decimal; }