This.color 在 css 中？

Question

或者也许有预处理器解决方案。

假设您有 20 个 buttons。每个都有不同的颜色。

颜色设置如下：

button {
  background: red;
}

所以你可以这样写

button:hover {
  this.background: darken(10%);
}

这会使每个按钮的背景颜色变暗。

而不是为每个按钮编写颜色代码 red、blue、green 等...这也可以应用于更多 CSS属性。

当然没有JS。

他们打算引进吗？ SASS/LESS/Stylus 有解决方案吗？

Answer 1

Sass 中没有类似的东西，但你可以使用像这样的代码的混合：

@mixin addColor($color) {
  background: $color;

  &:hover {
    background: darken($color, 10%);
  } 
}

.foo {
  @include addColor(red);
}

.anotherFoo {
  @include addColor(blue);
}

This.color 在 css 中？

This.color in css?

css

sass

less