Scss - 元素深度递归样式

Question

有没有办法让 Scss 检查元素深度，并将递归添加的margin应用于该元素？

所以说我有这个：

<span>
  <span>
    <span>

然后我想拥有它，但没有我输入复活：

span {
  margin:10px;

  span {
    margin:20px;

     span {
       margin:30px;

我不知道元素深度并且需要这么多，这就是为什么我不想手动输入它。我不知道我是否需要深度为3，或深度高达100。

Answer 1

只需使用直接祖先运算符>：

span > span {
    margin: 10px;
}