Anulación de un estilo CSS

Question

En una hoja de estilo global que se utiliza en todas nuestras páginas se encuentra 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 hacen sin discos junto a Li.

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

Tengo un div con la clase "el blog-post" y sin embargo, que la siguiente sería hacer 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í que con el siguiente fragmento de código HTML

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

Los resultados con:

Testing
1. Testing

Todavía no hay ningún disco en el li de anidado en los años ul. Pensamientos sobre cómo puedo llegar 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 se debe a que en el estilo global se establece el margen a cero. El tipo de estilo se procesa de forma correcta, pero usted no puede verlo. Esto debería funcionar para usted:

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

Answer 2

Cambiar esto:

.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; }