将LESS嵌套CSS转换为标准CSS [英] Convert LESS nested CSS to standard CSS

问题描述

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

I need help trying to convert this LESS nested CSS to standard CSS. Can anybody help?

.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;
    }
}

推荐答案

也可以使用 lessphp 或 less.js 。

Pekka 是对的。如果你有一个LESS样式（* .less文件），它也被认为你有一个LESS解析器（原始ruby gem或其中一个PHP类或甚至less.js JavaScript库）和其主要目的是将LESS解析（转换）为CSS。

Pekka is right. If you have a LESS style(s) (*.less file), it is also thought that you have a LESS-parser (original ruby gem or one of the PHP-Classes or even the less.js JavaScript lib) and its primary purpose is to parse (convert) LESS to CSS.

UPDATE

• WinLESS - （Windows）很简单的GUI。看起来它使用
  less.js（我的个人选择）


• SimpleLESS - （多平台）另一个GUI。工作也很好


• LessAPP - （Mac）我认为第一个用于Comiping的桌面工具* .less WinLESS和SinpleLESS的祖父类

• WinLESS - (Windows) pretty simple GUI. It looks like it uses less.js somehow (my personal choise)
• SimpleLESS - (Multiplarform) another GUI. Work also pretty well
• LessAPP - (Mac) I think it is one of the first Desktop-Tool for comiping *.less Kind of Grandfather of WinLESS and SinpleLESS

还有很多其他工具 ... for Mac，for Win和Multi

There're many other tools...for Mac, for Win and Multi

这篇关于将LESS嵌套CSS转换为标准CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！