css - OOCSS到Long CSS生成器

目前，我正在为某些应用程序开发GUI，该应用程序是在QT（多平台框架）中开发的。 QT中的GUI可以样式化为普通CSS。

因此，我将GUI开发为基本的Web应用程序（HTML5，CSS3和JS），出于某些原因，我使用LESS预处理程序进行样式设置并创建OOCSS（面向对象的CSS）。

由LESS生成：

.button {
    position: absolute;
    display: block;
    text-align: center;
    line-height: 50px;
    height: 50px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    width: 120px;
    background-color: white;
    color: blue;
}

.button.button-big {
    font-size: 20px !important;
    width: 200px !important;
}

.button.button-green {
    background-color: green !important;
    color: white !important;
}

是否有用于将OOCSS转换为老式样式（长版）的工具或任务（粗鲁/大吃一惊）？

预期结果：

.button {
    position: absolute;
    display: block;
    text-align: center;
    line-height: 50px;
    height: 50px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    width: 120px;
    background-color: white;
    color: blue;
}

.button-big {
    position: absolute;
    display: block;
    text-align: center;
    line-height: 50px;
    height: 50px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    width: 120px;
    background-color: white;
    color: blue;

    font-size: 20px !important;
    width: 200px !important;
}

.button-green {
    position: absolute;
    display: block;
    text-align: center;
    line-height: 50px;
    height: 50px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    width: 120px;
    background-color: white;
    color: blue;

    background-color: green !important;
    color: white !important;
}

当然，我将不得不清理这些类，但是该工具将节省我数小时的时间。

原因：
我的客户端的CSS级别不高。因此，OOCSS可能会让他感到困惑。

感谢您的回覆
亚当

最佳答案

首先，我认为您正在尝试使自己的客户尽可能地容易，这是很好的。那很棒！

其次，我认为这对您的客户来说是学习CSS基础的绝佳机会。是的，长版本不使用OOCSS，但是现在需要管理更多的声明，从长远来看，这可能会变得很难管理。

再说一遍，您的客户让您帮助您进行解释。这是建立牢固的客户关系和良好业务的绝佳机会。

如果您的客户也可以学习LESS，那就太好了，但是如果他们不能，您可以始终使用Pleeease。它可以完成我们喜欢的关于预处理器的所有工作，但是使用香草CSS。

祝好运！保持好状况！