CSS
Rails
slim
Rails4

[Rails4] Slimで、CSSのセレクタに動的な変数名を入れるときの書き方

More than 1 year has passed since last update.

Rails4でViewコーディングをしていると、@items.each do |item|などで、<li>タグなどに付与するidやclassのセレクタを、動的にしたい(例えば article-1, article-2 など)ときがあります。

RailsのSlimでCSSのクラス指定を動的にする書き方

li[class="item #{item.name}"]

使用例

section[class="content content-#{content.order}"]

【追記】コメントいただきました。こちらのほうがスマートに書けそうです。

li.item class=item.name