是否在具有LESS不良做法的类中追加类名？

Question

看看这个LESS代码：

#navbar {
    color: #fff;
    &Logo {
        color: #000;
        &:hover { color: #000; }
    }
}

...输出：

#navbar {
    color: #fff;
}
#navbarLogo {
    color: #000;
}
#navbarLogo:hover {
    color: #000;
}

上面的代码工作正常，但是LESS组合类名或以这种方式扩展类名是不好的做法？

另一个例子，如果您有.button，.button-error，.button-success或.button-error-true，那么它将在主.button LESS呼叫下全部保护？

Answer 1

我认为，如果你所做的只是改变样式属性的值，就像在你的例子中那样，如果你只创建每个单独的样式id，类或元素，那么读取.css文件可能会更容易 - 就像它在你的'输出'例子中读到的那样。

但是，如果要添加属性（使用相同的先前属性），例如：

navbar {
    background-color: #000000;
    &Logo {
        color: #ffffff;
        &:hover { text-decoration: none; }
    }
}

我会说这会更有用。我不是一个很好的例子，但是一旦你开始考虑具有多个属性的类/ ids - 想想你是否有9个，10个甚至更多 - 这就是这种技术变得有用的地方 - 不必为每个属性重复每一个class / id只是另一个的扩展，我认为LESS开始变得非常有用。

我的意见 - 希望它有助于您的项目考虑。