在CSS文件中使用嵌套元素需要什麼？

某處，我看到的CSS文件的這種結構：在CSS文件中使用嵌套元素需要什麼？

header { 
    .navigation { 
    a { 
     text-decoration: none; 
    } 
    } 
}

如果我會盡量在我的CSS文件，這是行不通的。寫這段代碼的能力需要什麼？

謝謝

來源

2013-03-01 user1946705

Google for'LESS' – MarcinJuraszek 2013-03-01 09:10:57

這看起來像LESS CSS http://lesscss.org/

你必須導入javascript文件less.js到您的網頁。

來源

2013-03-01 09:11:27 zkanoca

好吧，我將JS文件添加到我的網站，我將'app.css'重命名爲'app.less'（也帶有屬性'rel =「stylesheet/less」'），我也把JS代碼塊放到我的網站中，但它不工作...沒有樣式從我的LESS文件中加載。路徑是正確的，我做錯了什麼？ – user1946705 2013-03-01 09:26:08

現在編譯你的CSS文件，並比應用先生@ozkanozlu是正確的方式

只是這樣做

header {.navigation{a{text-decoration: none;}}}

來源

2013-03-01 09:30:00

但是如何編譯它？ – user1946705 2013-03-01 09:30:48

下載鏈接是這個http://winless.software.informer.com/ – 2013-03-01 09:32:23

你所引用的代碼其實不是CSS，它是一個語言稱爲LESS，編譯爲CSS;它是一個CSS預處理器。它旨在使CSS更易於使用，但在實際上在瀏覽器中工作之前，需要將其轉換爲純CSS。

LESS可以在部署之前編譯爲CSS - 也就是說，您可以使用LESS代碼，但用戶可以看到標準CSS，或者以LESS的形式提供給瀏覽器，但使用頁面中包含的less.js編譯器。出於性能方面的原因，我會一直比較喜歡這些選項中的第一個。

也存在其他類似語言 - 例如參見SASS。您可以在這裏看到SASS vs LESS的比較：http://css-tricks.com/sass-vs-less/

來源

2013-03-01 09:39:17 SDC

在CSS文件中使用嵌套元素需要什麼？

回答

相關問題