html - Scss - 元素深度递归样式

Question

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

假设我有这个:

<span>
  <span>
    <span>

然后我想拥有这个，但没有我输入 resursion:

span {
  margin:10px;

  span {
    margin:20px;

     span {
       margin:30px;

我不知道元素深度并且非常需要它，这就是我不想手动输入的原因。我不知道我是需要 3 的深度，还是最多 100 的深度。

Answer 1

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

span > span {
    margin: 10px;
}