Question

如何使用SASS / SCSS执行此操作？

SASS：

.orange
  color: $orange
  button&
    background: $orange
    color: black

它应该产生以下css：

.orange {
  color: #ffa500;
}

button.orange {
  background: $orange;
  color: black;
}

我可以使用&作为变量来实现，但它需要@at-root并且它不是真的可读/不好：

.orange:
  @at root
    button#{&}
      color: white

单独使用时，&选择器效果很好，但似乎该语言不允许以我想要的方式使用它。有什么想法吗？

Answer 1

let date = 1507135378538; let date2 = new Date; date2.setTime(date); console.log(date2); // 2017-10-04T16:42:58.538Z date2.setTime(date + 30 * 24 * 60 * 60 * 1000); console.log(date2); // 2017-11-03T16:42:58.538Z

DOCS

但是你可以给你的按钮一个班级并把它放在"&" may only be used at the beginning of a compound selector.

之后

DEMO

SASS或SCSS使用＆符号

1 个答案: