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