railsのerbなどで使われる<%= %>で表示したコンテンツにCSSを適用させる方法

Question

こちらの記述なのですが、

<% @questions.each do |question| %>
  質問:
<%= question.question %>
  回答:
<%= question.answer %>
<% end %>

この<%= question.question %>でコントローラーから取り出された文字にCSSを適用させて、例えば赤色の文字を表示するようにするにはどうすれば良いのでしょうか？
image_tagとかなら:classを追加すれば行けたと思うのですが、<%= question.question %>のような形にはどうやってクラスを付加させるのでしょうか？

Answer 1

テキストを装飾したいいと言うことですよね？それであれば、spanで囲って、適当なclass名をつけるかstyle属性で設定してください。

<span class="red"><%= question.question %></span>

Comments

[teruwa]

span以外ではダメなのでしょうか？
例えばdivなどではダメということでしょうか？

[cameluby]

divなどでも大丈夫ですが、ブロック要素なので、「質問:」と横並びにならなくなってしまいます

[raccy]

divとspanの違いはブロックになるかインラインになるかです。一行の中の一部だけ変えたいという場合はインライン要素でないとデフォルト状態ではそこで改行されてしまいます。ですので、そういう場合はspanを使います。

Answer 2

<% @questions.each do |question| %>
  <p>質問:
<span class='red'><%= question.question %></span></p>
  回答:
<%= question.answer %>
<% end %>

のようにして、redクラスにcssを当てるなどすると実現できます。

Answer 3

image_tagとかなら:classを追加すれば行けたと思うのですが

という書き方がしたいのなら content_tag というヘルパーメソッドもあります

<%= content_tag :span, question.question, class: 'red' %>