CSS變量來減少CSS文件

我CSS變量來減少CSS文件

.excel { background-image:url(/image/icon/silk/excel.png) !important }

我可以使用變量代替練成？這樣我就不需要爲所有1200個圖標創建一個CSS文件。

來源

2012-07-03 ilhan

如果這些長URL真的很煩人，你可以把CSS文件引用到'/ image/icon/silk /'目錄下，並使用'url（excel.png）'代替。 **網址相對於樣式表的位置**被解析。 –

不，這是不可能的。

你可以建立CSS樣式在線

<div style = "background-image:url(<%=imageSrc%>) !important"> 
</div>

在這裏，我用JSP Scriplet。 imageSrc是一個假設它包含圖像源的Java變量。

您可以用您的語言語法替換scriplet。

來源

2012-07-03 08:22:30 madhairsilence

不，但您可以使用CSS圖像精靈：http://css-tricks.com/css-sprites/並定義背景位置。或者您可以獲得依賴於Javascript的LESS：http://lesscss.org/。 LESS允許你爲顏色，類名等設置變量，但並非所有的瀏覽器都支持它，這是不利的一面。但是，它越來越受歡迎，所以值得一試！

來源

2012-07-03 08:23:01 AAA

「並非所有瀏覽器都支持它」。 LESS是一個CSS預處理器，它不能用於生產站點。 LESS使用JavaScript解析CSS中較少的樣式表，然後應用它。當JS被禁用時，頁面將是無風格的 - 這不是一個好主意。 –

或者只是在推送到產品之前用'lessc'編譯樣式表 –

CSS變量來減少CSS文件

回答

相關問題