css - CSS3: 次の項目をさらにインデントする

Question

margin-left次のように、次の各項目に追加する方法があるかどうか疑問に思っています

-Item1
  -Item2
    -Item3
      -and so forth

これはCSS3で可能ですか？「すべての次のアイテム」については何も見ていません。

Answer 1

できますよ。しかし、それはおかしなことです...

デモ: http://jsbin.com/exuwej/1/edit

CSS :

ul {
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    display: block;
    width: 500px;
    padding: 0;
    margin-left: 100px;
    margin-top: -50px;
    list-style: none;
    height: 400px;
}

ul li {
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    width: 60%;
    border: 1px solid blue;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    text-align: left;
}

HTML :

<ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
</ul>