css - 我如何/我可以用类递归缩进 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; }