Override uno stile CSS

Question

In un foglio di stile globale utilizzato in tutti i nostri pagine siede 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 accanto a un li.

Ho un div con il "post di blog" di classe e sebbene quello che segue potrebbe fare 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 portarli li '? Il mio CSS-fu è debole ....

Answer 1

importante non è necessaria perché gli stili specifiche della classe sostituiscono già stili globali. Il problema è perché nello stile globale si imposta il margine a zero. Il tipo di stile è stato renderizzato correttamente, ma non puoi vederlo. Questo dovrebbe funzionare per voi:

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

Answer 2

Modifica questo:

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