それをテーマにした回が開催されていたりして、CSSメタ言語がそろそろWeb制作的キャズムを超えてきたかなぁ、と思っていますが如何でしょう。LESS版を使ってサイトを作ると楽ちんだと知ったので、またLESSに戻っています。LESSの変数さて、LESSでは変数という物が使えますね。変数とは、一時的に数値や文字列を憶えておいて、いつでも使えるようにしておくことです。こんな感じで使うと良いかもね。変数をそのまま書いただけですが、こうやってサイトで使う色を何となく固定させておけば、使い回しが効いたりして便利かと思います。ちなみにこれを使いたい場合はこんな感じです。便利に使いたいこんな便利な変数をもうちょっと便利に使いましょう。css内に記述する背景画像の置いてあるディレクトリを指定しておく、とかですかね。"/img/";これを使う場合はこんな感じになりますかね。※これではエラーになります}この記述ではどこまでが変数か分からないのでエラーになります、多分。変数と文字列を繋げる方法これは以下のような記述で解決することができます。変数だと認識してくれます。SASSではどう書く?ちなみに、SASSではこう書きます。する}SASSはLESSと違い、変数は「$」で表します。変数を囲む形に記述します。おわりにんーと、CSSメタ言語も結構書き方がまちまちで面倒ですね。これを書いた理由も、SASSの書き方は知ってたんですがLESSの書き方は知らなかったんですね、僕。いうさ、「CSSメタ言語の記述祭を吸収してくれるコンパイラ」とかできないもんかね。みたいに何となく適当に書いたら何となくコンパイルしてくれる的なね。ま、とはいえ現状でも以前に比べると随分CSSは書きやすくなったと思います。僕は結構前からCSSにはプログラム的な要素があれば良いのに、と思っていて、一時期apacheの設定を変更してCSSファイルを読み込む場合もPHPを通して動的に吐き出したりしてたんですよねー。ま、LESSとかSASSとかを書けることよりも、ちゃんと使いやすいCSSを書けることの方がよっぽど大事だと個人的には思うので、僕も含め、そっちがまだだなぁと思う方は、そんな事より先にCSS設計を学びましょうね♪では。音楽系copyright@STACKSTOCK。