我刚刚发现了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