css - CSSファイルを減らすためのCSS変数

Question

私は持っています

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

Excelの代わりに変数を使用できますか？そのため、1200個すべてのアイコンのCSSファイルを作成する必要はありません。

Answer 1

いいえ。ただし、CSS画像スプライト（http://css-tricks.com/css-sprites/）を使用して、背景の位置を定義できます。または、Javascriptに依存するLESSを取得することもできます：http：//lesscss.org/。LESSを使用すると、色やクラス名などの変数を設定できますが、すべてのブラウザーがそれをサポートしているわけではありません。これは欠点です。ただし、人気が高まっているので、チェックする価値があります。

Answer 2

いいえ、できません。

あなたはインラインでcssスタイルを構築することができます

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

ここでは、JSPScripletを使用しました。imageSrcは、画像ソースが含まれていることを前提としたJava変数です。

スクリプレットを自分の言語構文に置き換えるだけです。