2012-03-30 38 views
0

賦值給變量LESS因爲更少的是預編譯的樣式表語言,這可能無法達到我後,但這個想法是:如何使用選擇

#sidebar { 
    width: 40%; 
} 

@sidebar_width : @('#sidebar:width'); 

.some_other_elements { 
     width: @sidebar_width; 
} 

因此,有三個問題我有:

  1. 是類似上述可能嗎?我剛剛發現LESS,文檔讓我暈頭轉向。

  2. 如果以上可能,是否會生成CSS,其中.some_other_elements設置爲40%或側邊欄的實際寬度?是否有可能使用LESS獲得實際寬度?

  3. 如果你可以告訴我一般圖書館的意見以及答案或評論,我希望聽到它。這似乎有點多,但也許它是下一個jquery,我需要早晚採用它(或者相反,也許這是下一個YUI,我應該忘記我曾經見過它)。

回答

1

這是行不通的。從選擇你不能櫻桃挑選出價值,把它變成一個變量:你將不得不做這樣的事情:

@sidebar_width: 40%; 
.some_other_elements { 
    width: @sidebar_width; 
} 

側邊欄的寬度將被設置爲父的寬度的40%容器。

+0

我很害怕這個。我認爲編譯後的值不是一個選項,因爲它是一個預編譯器,但是我很驚訝你不能傳遞選擇器,因爲這將有助於製作獨立於任何基本CSS的css主題( UA或圖書館)。謝謝。 – Anthony 2012-03-30 07:14:27

0

雖然在預編譯時這是真的,但請記住LESS確實可以讓您訪問JS環境。所以如果你使用Node編譯服務器端,你可以做類似於你所嘗試的東西,因爲你可以訪問文檔的一部分。

@height = `document.body.clientHeight`; 

可能是一個值得探討的你是什麼:如果您使用的.js從文檔(雖然我不建議這對於各種原因)的例子編譯負載可能連工作試圖完成。