は、CSSスタイルをオーバーライド

Question

私達のページのすべてにわたって使用されているグローバルスタイルシートで

は、次の行を座っている：

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

したがって、私のページ内の任意のULさんは李さんの隣にいないディスクでレンダリングします。

しかし、特殊なケースでは、私はliの隣にディスクを表示する必要があります。

私はクラス "blog-post"でdivを持っていますが、次のことは私のためのトリックです。

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

しかし、これはやっていません。

Testing 
1. Testing 

リーのULの中にネストではまだディスク：HTML

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

と結果の次のスニペットを持つので

。どのように私はそこにそれらを得ることができるかについての考え？私のCSS-FUは弱いです....

Answer 1

クラス固有のスタイルがすでにグローバルスタイルを上書きするので重要なのは必要ありません。問題は、グローバルスタイルでマージンをゼロに設定するためです。スタイルの種類は正しく表示されていますが、表示できません。これはあなたのために働くはずです：

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

Answer 2

変更この：これに

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

：！

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