連続するリスト要素のCSSのマージンを増やす

Question

各連続する要素のマージンが前回よりも大きいリストを作成したいと考えています。 あなたは私がここで達成したいものを見ることができます：Example with fixed margin

だから、私は各要素にクラスを与え、この

のように、各クラスに増加マージンを設定することができ、簡単なリスト

<ul> 
    <li class="a">First element</li> 
    <li class="b">Second element</li> 
    <li class="c">Third element</li> 
</ul> 

てみましょう

.a { 
    margin-left: 10px; 
} 

.b { 
margin-left: 20px; 
} 

.c { 
    margin-left: 30px; 
} 

ただし、各要素の余白を直接指定することなく、追加の各リスト要素に自動的に適用される固定インクリメントを使用することができます。

cssでこれを実現する方法はありますか？

Answer 1

明白な答えほとんどは、ネストされたULSを使用することをお勧めしますので、まず、これは、階層構造が何のためにあるのかです：

<ul> 
 
    <li>001 
 
    <ul> 
 
     <li>002 
 
     <ul> 
 
      <li>003</li> 
 
     </ul> 
 
     </li> 
 
    </ul> 
 
    </li> 
 
</ul>

そうでなければ、私はあなたがJSやCSSを使用して有効にする必要がありますだと思いますcalcが必要に応じて十分にサポートされている場合は、