8

すべてのページで使用されるグローバル スタイル シートには、次の行があります。

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

したがって、私のページ内のすべての ul は、li の隣にディスクなしでレンダリングされます。

ただし、特別な場合には、li の横にディスクを表示する必要があります。

クラス「blog-post」の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 にネストされた li にはまだディスクがありません。どうすればそこにたどり着くことができるか考えていますか？私のCSS-fuは弱いです....

4

2 に答える 2

15

クラス固有のスタイルが既にグローバル スタイルをオーバーライドしているため、!important は必要ありません。問題は、グローバル スタイルでマージンをゼロに設定しているためです。スタイル タイプは正しくレンダリングされていますが、表示されません。これはあなたのために働くはずです：

.blog_body ul 
{
    list-style-type: disc; 
    margin: 1em;
}
于 2009-03-23T18:09:13.237 に答える
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; }
于 2009-03-23T18:08:29.697 に答える