Aufschalten einen CSS-Stil

Question

In einem globalen Stylesheet in allen unseren Seiten verwendet sitzt die folgende Zeile:

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

Daher wird alle ul der in meinen Seiten machen ohne Scheiben neben li.

Doch in besonderen Fällen, muss ich die Scheibe neben einem li angezeigt werden soll.

Ich habe ein div mit der Klasse „Blog-Post“ und obwohl der folgenden würde mir den Trick.

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

Dies ist jedoch nicht tut den Trick.

Also mit dem folgenden HTML-Snippet

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

Ergebnisse mit:

Testing
1. Testing

Noch keine Disc im li in dem UL verschachtelt. Gedanken darüber, wie ich sie dort bekommen kann? Meine CSS-fu ist schwach ....

Answer 1

! Wichtig ist nicht notwendig, da klassenspezifische Stile bereits globale Stile außer Kraft setzen. Das Problem liegt daran, dass im globalen Stil Sie den Rand auf Null gesetzt. Der Stil-Typ wird korrekt dargestellt, aber man kann es nur nicht sehen. Dies sollte für Sie arbeiten:

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

Answer 2

Diese Änderung:

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

folgt aus:

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