我刚发现萨斯,我对此非常兴奋.

在我的网站上,我实现了一个树状的导航菜单,使用child combinator(E > F)设置样式.

在Sass中,有没有办法用更简单(或更好)的语法来编写这段代码呢?

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

推荐答案

如果没有组合子 Select 器,您可能会执行类似以下内容的操作:

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

如果要使用>重现相同的语法,可以执行以下操作:

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

这将编译为以下内容:

foo > bar > baz {
  color: red;
}

或者用粗鲁的话说:

foo
  > bar
    > baz
      color: red

Css相关问答推荐

如何将放射梯度css的大小定义为百分比?

Chrome/MacOS和Firefox/MacOS能够使用两种字体的字形渲染字符串,但Chrome/iOS和Safari/Any不能

基于子元素的子元素数量的样式元素

输入中的框始终显示在MUI文本字段中

我找不出Firefox上奇怪的css行为的原因

可以在 JavaFX CSS 中同时使用 dropshadow 和 insideshadow 吗?

Nextjs Tailwind Marquee 组件溢出

使 MUI 自动完成打断长词以适合布局

CSS Select 器在 rvest 中找到,在 RSelenium 中找不到

如何让我的注册按钮在我的网站上像球一样 skip ?

和号 (&) 作为 SASS @mixin 中的变量

通过css修改样式shadowroot元素

无法更改 div 内链接的悬停 colored颜色

在样式化组件中使图像重叠

删除在 ios safari / chrome / firefox 中单击的链接上的灰色背景

找到第一个可滚动的父级

属性nowrap被认为是过时的.建议使用较新的构造.它是什么?

将 CSS 类添加到 Html.BeginForm()

你如何在 SASS 中定义属性 Select 器?

HTML浮动右元素顺序