2

私は持っています

<style>
li {
    font-size: 80%;
}
</style>

<ul>
    <li> level1
    <ul>
        <li> level2
            <ul>                
                <li>level3</li>
            </ul>        
        </li>
    </ul>
    </li>
</ul>

3つのテキストをすべて同じにしたいのです<li>が、小さくなります。すべてのテキストをどのようにスタイル設定しfont-size: 80%ますか？

編集

ネストされた箇条書きを前処理するためにマークダウンを使用することを検討しているため、クラス名を追加しない方がよいでしょう（html出力に影響を与えるのが難しくなります）

4

4 に答える 4

3

クラスを使用して要素のスタイルを設定します。font-sizeこれにより、がますます小さくなるのを防ぐことができます。

<ul class="myList">
    <li> level1
    <ul>
        <li> level2
            <ul>                
                <li>level3</li>
            </ul>        
        </li>
    </ul>
    </li>
</ul>

CSS

.myList{
  font-size: 80%;
}
于 2013-03-19T19:55:02.303 に答える
2

ケビンの答えはおそらくあなたの最善のアプローチですが、代替ソリューションを提供するためだけです:

<style>
li {
    font-size: 80%;
}
li li {
    font-size: 100%;
}
</style>
于 2013-03-19T19:59:53.433 に答える
0

親のサイズの 80% になることを意味する相対的な font-size を使用しているため、ネストされた各リストは徐々に小さくなります。

親に相対的ではない測定値を使用することをお勧めします-ルートサイズに相対的になるようにpxまたは で設定します。[rem][1]

于 2013-03-19T19:59:09.703 に答える
0

Markdownの状況により適した答えは、次のようなものです

<style>
.page>ol, .page>ul {
    font-size: 80%;
}
</style>

<div class="page">
<ul>
    ...
</ul>   
</div>

山かっこが直接の子ノードのみを選択する場所

于 2013-03-19T20:21:13.833 に答える