css – Sass和组合子选择器

我刚刚发现了Sass，我对此非常兴奋。

顺便说一句，在我的网站，我实现一个树状的导航菜单，使用组合的子选择器(E> F)样式。

有没有办法重写这个代码到一个更简单(或更好)的语法Sass？

#foo > ul > li > ul > li > a {
  color: red;
}

解决方法

没有组合的子选择器，你可能会做类似于这样的事情：

foo {
  bar {
    baz {
      color: red;
    }
  }
}

如果你想用>重现相同的语法，你可以这样：

foo {
  > bar {
    > baz {
      color: red;
    }
  }
}

这编译到这：

foo > bar > baz {
  color: red;
}

或在萨斯：

foo
  > bar
    > baz
      color: red