LESSCSS:为从另一个属性中取得的属性分配值

时间:2014-06-18 10:04:08

标签: less

在某些情况下,在不同属性中使用相同的值是常见的,例如(仅作为显示目的的示例)以下嵌套规则:

.button-link
{
   height:40px;

   a
   {
     line-height:40px;
   }
}

我们的想法是,垂直居中按钮文字line-heightheight应相同。

是否有一种方法可以“分配从不同属性中获取的值”?

我知道我应该使用LESS @variable,但在这种情况下不是一回事,需要额外的代码。相反,如果我只编辑按钮的高度,那么应该非常有趣和有用,然后LESS将相同的值替换为line-height

更新: 另一个例子如下:

.button-link
{
   color:white;
   background:black;

   &:hover
   {
     color:black;
     background:white;
   }
}

与“默认状态”相比,“悬停”状态应反转colorbackground-color

1 个答案:

答案 0 :(得分:0)

你不能:(。我通常做的是:

@buttom-height = 100px;
@a-link-height: @buttom-height;

并在less声明中使用这些变量。它是一个虚拟的例子,我知道,但想象一下从其他变量或复杂的依赖关系计算数据值,比例填充/边距......这就是我从Bootstrap LESS代码中学到的方法。