sass - 如何使用 SASS 使用菜单项

Question

我正在创建类名分别为 l1、l2 的菜单项，并希望为每个项目提供不同的背景颜色。要为 CSS 文件中的每个项目获取所需的背景颜色，我必须这样编写代码：

.menu ul li.l1 {
  background: red;
}
.menu ul li.l2 {
  background: green;
}

在 Sass 中，我正在尝试使用嵌套属性并像这样编写我的代码：

.menu {
  some properties
  ul li {
    some properties
    .l1 {
      background: red;
    }
  }
}

在编写上述代码时，我得到以下 CSS 作为输出：

.menu ul li .l1 {
  background: red;
}

这不是设置我想要的背景。

哇，我可以使用 SASS 访问我的菜单项吗？

score 0 · Accepted Answer

0

您.l1的声明不正确。

.menu {

  ul li {

    &.l1 {
      background: red;
    }
  }
}

于 2013-10-16T02:58:01.593 回答

1 回答 1