html - CSS で HTML リストの余白を変更する

Question

サブブレット間の余白サイズを縮小したいと考えています。例を以下に赤で示します。CSSを使用してこれを達成するにはどうすればよいですか?

Answer 1

それはCSSで行うことができます：

ul li ul {margin-left: 10px;}

デモ:フィドル

Answer 2

それを行うにはいくつかの方法があります：

ul ul {margin-left: 10px;}

また

ul li ul {margin-left: 10px;}

また

ul ul li {margin-left: 10px;}

Answer 3

こんにちは、これらはリストのデフォルトの余白です。すべての余白をリセットしてから、好きなように設定してください。

div, li, ul, img, body, html {margin:0px;padding:0px;}

リセット後、好きなように設定してください：

li {margin-left:10px;}

これはすべての li 要素で機能します。ネストされている場合、次のリスト項目も前のリスト項目から 10px 離れます。マージンとは、要素と次の要素の間のスペースを意味するため、li にマージンを設定すると、すべての li に適用され、ネストされている場合は階段のように見えます。最初のレベルの li のマージンのみが必要な場合、しかし2番目ではなく、これも追加します：

li li {margin:0px;}