質問: いつもお世話になっております。 現在、html5とcss3,mongodb,node.js,javascriptでSPAを作っているのですが、 テーブルに追加したい機能があります。 加入プランに応じて色分けをしたいというものです。 Aプランなら青色、Bプランなら赤色といった具合です。 一番簡単な方法で、色を切り替えるにはどうすればいいでしょうか? 何卒よろしくお願いいたします。 ``` 顧客情報管理一覧 契約者 登録住所 連絡先 プラン {{user.name}} {{user.jyusho}} {{user.number}} {{user.plan}} ```
回答: 属性セレクタを利用してみるとか。 ``` {{user.plan}} ``` ``` td[data-plan="Aプラン"] { color: red; } td[data-plan="Bプラン"] { color: blue; } ``` trに適宜クラスを付けるのが良い気もしますが、こういう手段もあるということで。