css – Sass和组合子选择器

前端之家收集整理的这篇文章主要介绍了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
原文链接:https://www.f2er.com/css/223415.html

猜你在找的CSS相关文章