CSSスタイルのオーバーライド

Question

私たちのすべてのページにまたがって使用グローバルスタイルシートでは、次の行を座っています

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

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

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

私は、クラス「ブログ記事」で、次は私のためにトリックを行うだろうといえdiv要素を持っています。

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

しかし、これはトリックをやっていません。

HTMLの次のスニペットを持つので、

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

との結果：

Testing
1. Testing

リーのネストされたULの中に残っていないディスク。私はそこにそれらを得ることができる方法についての思考？私の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; }