Css 左侧变量较少

我承认我对less是相当陌生的。在使用它使我的网站尽可能动态的同时，我试图使用更少的变量，所以如果我必须更改某些内容，我可以在一个文件中完成

我在尝试定位元素时遇到了一个问题。例如，我有一个按钮，目前是坐在左边，但在未来，我可能想把它移到右边。通常您如何调用它是

left:0或<代码>右侧：0

有没有一种方法可以使左或右成为一个变量

我的css看起来像这样

.previous{
    position:fixed; 
    left:0; //The left is what I want to declare somewhere else
    top:@header-padding; 
    height:@side-height; 
    font-size: @button-side-font !important;
}

我试过类似的东西

@{prevPos}: left;

然后打电话

@prevPos: 0;

但它只是完全停止加载我的应用程序。
混合（更新）

你试过使用一种新的方法吗

它可能看起来像这样：

.previous {

    .previous-position();

    font-size: @button-side-font !important;
    height:    @side-height;
    position:  fixed;
    top:       @header-padding;
}

.previous-position() {
    left: 0;
    // right: 0;
}

<a href="#" class="previous previous-left">I am on the left</a>
<a href="#" class="previous previous-right">I am on the right</a>
<a href="#" class="previous">I am not fixed</a>

要切换左右，请更改mixin中的注释

多类教学法（原始答案）

实际上，我会用不同的方式来处理这个问题。我将把按钮样式和位置放在一个子类中，而不是放在同一个CSS规则中

.previous {
    font-size: @button-side-font !important;
    height:    @side-height;
}

.previous-left,
.previous-right {
    position: fixed;
    top:      @header-padding;
}

.previous-left {
    left: 0;
}

.previous-right {
    right: 0;
}

然后您的按钮如下所示：

.previous {

    .previous-position();

    font-size: @button-side-font !important;
    height:    @side-height;
    position:  fixed;
    top:       @header-padding;
}

.previous-position() {
    left: 0;
    // right: 0;
}

<a href="#" class="previous previous-left">I am on the left</a>
<a href="#" class="previous previous-right">I am on the right</a>
<a href="#" class="previous">I am not fixed</a>



通过这种方式，您可以非常快速地更新页面，而无需撕开较少的文件，并且使您的样式更加可重复使用。
这是另一个关于如何使用老式方法（有意使用最保守的语法，以便即使在古代编译器中也能使用）使其以“可变方式”工作的答案：

我不能添加单独的类，关键是当某些内容发生变化时，它们只能在一个文件中更改一个单词，而不是在多个文件中挖掘。我可以在另一个类中调用该函数吗？我尝试在我的变量文件中添加它，然后在主文件中调用它，它会给我一个错误：无法识别的输入应该可以，并且应该可以将它添加到任何类中，而不管它的名称如何（除非您调用类
前一个位置
，与mixin名称相同）。将其添加到变量文件（或变量文件旁边的“mixins”文件）中肯定是我添加它的地方。请参阅。@seven Phase max这是我无法工作的最有可能的原因，因为您使用的是过时的Less编译器。@seven Phase max我可以向您保证这不是原因。请参阅工作说明。