2011-01-31 66 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您站點的樣式表。