エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Slimで動的なClass名やData属性、インラインCSSなどの書き方 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Slimで動的なClass名やData属性、インラインCSSなどの書き方 - Qiita
<!- 動的なクラス名のみの場合 -> <div class="taro"></div> <!- 静的 + 動的なクラス名の組み合わせ ->... <!- 動的なクラス名のみの場合 -> <div class="taro"></div> <!- 静的 + 動的なクラス名の組み合わせ -> <div class="user-thumb user-small user-taro"></div> Slimで ifでクラス名を条件分岐させる 上と同じく div class="classname" で記述。 下記のどの書き方でも通るので、可読性のよいものを選ぶ。 #{} は入れ子にしてもOK。 もし中身がfalseだったら、コンパイルされる際にちゃんとclass=という表記が消えるのだ