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

は、次の行を座っている:は、CSSスタイルをオーバーライド

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は弱いです....

答えて

16

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

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

あなたは正しいです、マージンはすべての違いを作った。ありがとう! – mwilliams

+0

私は助けてくれると嬉しいです。 :) – Scott

+0

そして、少し修正して.blog_body ul li {list-style-type:disc;マージン:0 0 0 1.5em; padding-bottom:0;}でもまだ頭の爪に当たった。 – mwilliams

3

変更この:これに

.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; } 
関連する問題