デフォルトでは、スタイルが設定されていないネストされた<ul>
リストのセットは次のようになります(少なくともChrome、Firefox、およびIEでは)。
最上位レベルのはlist-style-type
、、disc
次のレベルはcircle
、、後続のレベルはsquare
です。
list-style-type
に変更するスタイルシートを含める場合none
、ドキュメントの後半で「自動箇条書きタイプ」に戻す簡単な方法はありますか?(たとえば、後続のCSS定義またはJavaScriptスタイルの変更でオーバーライドします)
基本的に、私は次のようなものを探していますlist-style-type: auto;
(これは明らかに無効であり、効果はありません):
<style type="text/css">
ul { list-style-type: none; }
ul { list-style-type: auto; } /* Does not work */
</style>
にlist-style-type
戻すとdisc
、リスト内のすべての箇条書きが変更され、さまざまなレベルでさまざまな箇条書きが表示されなくなるため、これも機能しません。
すべてのレベルのスタイルを明示的に定義することによってこれを達成する唯一の方法はありますか?例えば:
<style type="text/css">
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
</style>