我怎么能/我可以递归地用一个类缩进div？

Question

我正在查看遵循此模式的html代码页:

<div id='1' class='someclass'>
  contents
  <div id='2' class='someclass'>
    other contents
    <div id='3' class='someclass'>
      yet even more contents
    </div>
  </div>
</div>

我想缩进内部div的内容,而不更改他们的类,这样页面将显示如下:

contents
  other contents
    yet even more contents

通过操纵'someclass'这可行吗？如果是这样,怎么样？

请注意,div可能包含一些其他相当简单的html - 例如标题,列表等...

Answer 1

我认为你正在寻找以下css规则

.someclass { margin-left: 10px; }

对于第一项没有缩进

.someclass .someclass { margin-left: 10px; }