2011-01-31 54 views
2

虽然谷歌搜索周围用更少的文字做更多的CSS,我发现这一点 - http://lesscss.org/更少 - 动态样式表语言?

有没有人尝试过了,是它在IE6 +,火狐3 +,Chrome浏览器,Safari浏览器,Opera和所有的标准Web浏览器的合作,我们全部使用?

感谢提前:)

+0

我听说过lesscss的一件事,就是它在css中不能很好地处理@规则 - 因为`@`是lesscss语法的一部分;思考的食物。 – jlmakes 2011-01-31 10:45:36

+0

没有人强迫你使用.less文件。你可以附加一般的CSS,并包括你的@media查询等等:)。 – mingos 2011-01-31 11:33:47

回答

4

您可以生成CSS服务器端,或使用LESS.js,在第一种情况下,客户甚至不知道的风格LESS起源的,所以它就像CSS(没有按”不依赖于客户端js)。

1

只要启用javascript肯定的,因为有样式表链接后添加一个js脚本,有助于IE6 +和所有其他的主流浏览器中显示它。

如果您也计划包含没有启用javascript的用户,则可以执行处理服务器端,但我没有这样做,所以不能担保此方法。

山姆

1

我已经尝试LessCSS和一系列其他类似的替代品,但在SASS(SCSS)上定居 - 它可以使用小型Ruby Gem预编译,这使得它在开发中使用起来非常方便和快捷。与Ruby的集成在处理例如Rails如果你做那些东西。

http://sass-lang.com/ - 将它与Compass CSS框架(http://compass-style.org/)一起使用,你会得到一个漂亮的坏蛋装置!

5

http://leafo.net/lessphp/

这是预处理器的PHP版本。您创建.less文件并将其上传到网站。其余部分由预处理器完成。适用于任何浏览器,因为浏览器只接收处理过的CSS文件,而不是LESS文件。所有你需要做的就是添加这样的事情在你的index.php:

require_once 'lessc.inc.php'; 
try { 
    lessc::ccompile(PATH_TO_STYLES.'/style.less', PATH_TO_STYLES.'/style.less.css'); 
} catch (exception $ex) { 
    exit('lessc fatal error:<br />'.$ex->getMessage()); 
} 

,然后简单地使用style.less.css您站点的样式表。