将LESS嵌套CSS转换为标准CSS

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.

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

UPDATE

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

还有许多其他工具 ......适用于Mac,适用于Win和Multi

Answer 2

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

所以只需通过LESS运行你的LESS代码,你就会获得相同的普通CSS.

简单.