推荐扩展CSS的好方法

我一直在看LESS（http://lesscss.org/），它为CSS增加了像CSS样式的变量和宏特性。这意味着你可以在某个地方定义一个RGB颜色，然后通过你的CSS使用该变量。基本上，它看起来像一个非常酷的解决方案。推荐扩展CSS的好方法

但是，它依赖于Ruby，它不是我正常的开发堆栈的一部分，所以我想在这里问我是否有人知道用其他语言实现的类似CSS扩展，我可以添加到我的工具链更容易？谢谢。

来源

2009-07-02 Rik Heywood

我无法提供帮助，但是工具链中包含哪些语言？ – 2009-07-02 08:49:57

一个recent article in Smashing Magazine提到了以下工具：

dtcss（PHP预处理对CSS）

#define mp margin, padding 
#define bg background 
#define fg color 

#define FONT Verdana, sans-serif 

html, body { 
     mp: 0; 
     bg: #000; 
     fg: #eee; 
} 
body { 
     font: small FONT; 
} 
input, textarea { 
     font: 1em FONT; 
} 

.fancy { 
     border-top-left: 2px solid #00f; 
     border-bottom-right: 4px dashed #f00; 
     b { 
       color: yellow; 
     } 
}

JSON CSS（基于jQuery） - 见乔纳森的回答

我没有与任何这些方面的经验，但我很想从别人:)

来源

2009-07-02 13:01:56 onnodb

你可以通过php'google'变量css。有各种网站，告诉你如何使用PHP来生成你的CSS。
如果您正在为网站开发主题，那么php-css路线很不错。

来源

2009-07-02 12:46:44

虽然经常有争论，但我真的很喜欢CSS JSON背后的概念。当然，这意味着如果JavaScript没有启用，你的风格也会消失。

代码的风格规则JSON让您使用函数，变量，多在确定值的能力：

var cssjson = { 
    ".copy-1":{ 
    "font-family":"Verdana, Geneva, Arial, Helvetica, sans-serif",   
    "font-size":"11px", 
    "color":"#CCC" 
    }, 
    "div#container div#header":{ 
    "CSSJSON-INHERIT-SELECTOR":".copy-1", 
    "position":"absolute", 
    "top":"12px", 
    "left":"4px" 
    } 
}

这则采取和落实到工具，如CSSugar：

CSSugar(
    { 
    //match every even tr element 
    "tr:even" : { 
     "background": "pink" 
    }, 
    //match every input element of type text 
    ":text" : { 
     "fontFamily": "Verdana", 
     "fontSize": "11px", 
     "color": "green" 
    }, 
    //match the second div in the body 
    "body div:gt(1)" : { 
     "background": "orange" 
    } 
    }, 
    //lets use the jQuery selector engine 
    $ 
); 
//now feel the power, even in IE6!

来源

2009-07-02 12:50:59 Sampson

听觉体验

看看CSS & JS：http://taat.pl/en/cssjss/#additional

这是一个简单的脚本，可以实时压缩Javascript和CSS文件。它很聪明 - 使用缓存副本，添加与缓存相关的heqders，清理代码/样式。最重要的是，它支持基本的CSS变量。

它是用PHP编写的。

来源

2009-07-02 18:41:06

推荐扩展CSS的好方法

回答

相关问题