Przesłanianie stylu CSS

Question

w arkuszu stylów globalnej używane we wszystkich naszych stron siedzi następujący wiersz:

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

Dlatego wszelkie UL wewnątrz moich stron renderowania z nie dysków obok Li.

Jednak w szczególnych przypadkach muszę wyświetlić dysk obok li.

Mam div z klasą "blog-post" i choć to, co zrobię, byłoby dla mnie łatwe.

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

Jednak to nie rozwiązuje problemu.

Więc z poniższym fragmencie kodu HTML

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

Wyniki z:

Testing 
1. Testing 

nadal nie ma płyty w Li zagnieżdżone w UL. Myśli o tym, jak mogę je tam wprowadzić? Moje CSS-fu jest słaba ....

Answer 1

ważne nie jest konieczne, ponieważ style specyficzne klasy zastępują style globalne już. Problem polega na tym, że w stylu globalnym margines jest ustawiony na zero. Typ stylu jest renderowany poprawnie, ale po prostu go nie widać. To powinno zadziałać:

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

Answer 2

Zmień to:

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

to:

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