Override di uno stile CSS

Question

In un foglio di stile globale utilizzato in tutti i nostri pagine si trova la seguente riga:

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

Pertanto, eventuali ul di dentro la mia pagine rendono senza dischi accanto a Li.

Tuttavia, in casi particolari, ho bisogno di visualizzare il disco successivo a un li.

Ho un div con la classe "blog-post" e anche se che il seguente farebbe il trucco per me.

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

Tuttavia questo non sta facendo il trucco.

Quindi, con il seguente frammento di codice HTML

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

Risultati con:

Testing
1. Testing

Ancora nessuna disco nel Li annidati negli ul di. Pensieri su come posso farli lì? Il mio CSS-fu è debole ....

Answer 1

! Importante non è necessaria perché gli stili specifiche della classe sostituiscono già stili globali. Il problema è perché in stile globale si imposta il margine a zero. Il tipo di stile viene reso in modo corretto, ma non si può vedere. Questo dovrebbe funzionare per voi:

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

Answer 2

Modificare questa:

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

a questo:

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