在某些情况下,在不同属性中使用相同的值是常见的,例如(仅作为显示目的的示例)以下嵌套规则:
.button-link
{
height:40px;
a
{
line-height:40px;
}
}
我们的想法是,垂直居中按钮文字line-height
和height
应相同。
是否有一种方法可以“分配从不同属性中获取的值”?
我知道我应该使用LESS @variable
,但在这种情况下不是一回事,需要额外的代码。相反,如果我只编辑按钮的高度,那么应该非常有趣和有用,然后LESS将相同的值替换为line-height
更新: 另一个例子如下:
.button-link
{
color:white;
background:black;
&:hover
{
color:black;
background:white;
}
}
与“默认状态”相比,“悬停”状态应反转color
和background-color
。
答案 0 :(得分:0)
你不能:(。我通常做的是:
@buttom-height = 100px;
@a-link-height: @buttom-height;
并在less声明中使用这些变量。它是一个虚拟的例子,我知道,但想象一下从其他变量或复杂的依赖关系计算数据值,比例填充/边距......这就是我从Bootstrap LESS代码中学到的方法。