Question

我需要帮助尝试将此LESS嵌套CSS转换为标准CSS。有人可以帮忙吗？

.leftNav {
    a.TopLevel {
        float:none;
    }

    ul#topnav {
        > li {
            float:none;
            height: 2em;
            margin: 2px;
            background-color: rgb(1,64,117);
            border: 1px solid rgb(1,64,117);

                color: #fff;
            border-radius: 3px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, rgb(30,94,147)),  color-stop(0.99, rgb(1,64,117)) );
            background: -moz-linear-gradient(center top,  rgb(30,94,147) 3%, rgb(1,64,117) 99% );
        }

        > li .sub {
            left:120px;
            top: 0px;
        }

        > li > h2 > a {
            color: #fff;
        }

        > li:hover > h2 > a, > li > h2 > a:hover, li > h2 > a:focus, a.TopLevel.active, a.TopLevel.active:hover {
            background-position: top left;
            color: #bbb;
        }

        li:hover {

        }
    }

    #topNavContainer {
        position:absolute;
        left: 17px;
        top: 100px;
    }

    .headertable, .wrapper {
        margin-left: 120px;
    }
}

Answer 1

您也可以使用lessphp或less.js。

Pekka 是对的。如果你有一个LESS样式（* .less文件），你也会认为你有一个LESS-parser（原始ruby gem或者一个PHP-Classes甚至是less.js JavaScript lib）和它的主要目的是解析（转换）LESS到CSS。

<强>更新

WinLESS - （Windows）非常简单的GUI。它看起来像是使用 less.js以某种方式（我的个人选择）
SimpleLESS - （Multiplarform）另一个GUI。工作也很顺利
LessAPP - （Mac）我认为它是第一个用于管理* .Wable of WinLESS和SinpleLESS的祖父的桌面工具之一

There're many other tools ...适用于Mac，适用于Win和Multi

Answer 2

LESS的重点在于你编写了LESS风格的CSS，而LESS解释器将它转换为普通的CSS。

所以只需通过LESS运行你的LESS代码，你就可以获得相同的普通CSS。

简单。

Answer 3

使用firebug，在CSS标签中，您可以看到使用LESS在css中生成的结果是什么。

Answer 4

您可以使用LessJS Converter

Answer 5

这是使用Less的最简单方法：

创建style.css文件
创建style.less文件

在index.php链接到这些文件：

<link rel="stylesheet" href="style.css">
<link rel="stylesheet/less" type="text/css" href="style.less">

请注意，要链接到较少，您应该使用rel=""结束/less：

rel="stylesheet/less".

下载http://winless.org/
将您的项目文件夹拖到此程序，它会将您的less文件转换为css。

Answer 6

检查Convert Less to CSS with Simpless

SimpLESS是易于使用的LESS CSS编译器。

希望它能帮到你很多..

将LESS嵌套CSS转换为标准CSS

6 个答案: