2

我有一组像这样的样式：

&.blue
  background #189cd8
  &:hover
    background lighten(#189cd8, 10%)

我想知道是否可以不为悬停状态第二次设置该颜色，而是以某种方式从父级获取它，比如background lighten(parent(background), 10%)？我知道我可以使用变量，但在这里我只想参考父级的颜色，所以不想使用它们。

4

2 回答 2

6

您可以使用 Stylus 的属性查找功能：

&.blue
  background #189cd8
  &:hover
    background lighten(@background, 10%)

从http://learnboost.github.com/stylus/docs/variables.html：

属性查找将“冒泡”堆栈直到找到，如果无法解析属性，则返回 null。

于 2013-03-24T00:16:04.083 回答
0

您是否尝试过使用背景：继承；

于 2013-03-01T09:59:26.077 回答