サポート » その他 » cssに変数と条件分岐を使用したい。

  • wordpressの機能とは関係ありませんが、質問させてください。

    色違いのtableを3つ作ります。すべてのパターンを記述すればいいのですが、少しでもコードを短く、分かりやすく書く方法があればいいなと思って考えています。(tableは同じページ内に3種類記述します。

    そこで、cssに変数と条件分岐が使用できれば出来るのでは?と思いました。が、それは可能なのか??他にアイデアがあればご教授いただければ幸いです。

    例)
    一つ目の、html/cssが以下のようだとします。
    (実際もう少し複雑です。)
    >||
    <table id=”type_a”>
    <tr><td class=”title”></td><td class=”contents”></td><tr>
    <tr><td class=”title”></td><td class=”contents”></td><tr>
    </table>

    —-
    table#type_a td.title {color:#eeeeee;}
    table#type_a td.contents {color:#ffffff;}

    ||<
    次に、type_bの場合、titleのcolorが黄色、contentsのcolorが緑
       type_cの場合、titleのcolorがピンク、contentsのcolorが青

    …といった色の違いがあります。

    cssに変数を使用する方法はいくつか紹介されていたので、こちら(http://www.ne.jp/asahi/movieee/dev/)を参考にしようと思い、切磋琢磨中です。

    下手な説明ですが、宜しくお願いいたします。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • こんにちは。

    CSSファイルをサーバー上でPHPファイルとして処理し、その中でPHPの変数を利用するという方法は、ページごとに任意のパラメータを外部CSSに渡して条件分岐したり、CSS内の繰り返しの記述部分をPHPで書くといった使い道になります(どちらが結果的に早いのかは分かりません)。

    ですので、想定されている使い方には適さないアイディアだと思います。結局のところ、一つのページに設置した複数のテーブルについて個別に色を指定する場合は、すべてのパターンに対してCSSを記述する以外に対応方法はありません。現時点でのCSSの仕様の限界ですね。

    見直すとすればセレクタを最適化することくらいでしょうか。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「cssに変数と条件分岐を使用したい。」には新たに返信することはできません。