曜日の土日の文字の色を変える

Question

セルの中の繰り返される文字の色を変える

土曜を青、日曜を赤に

  <table class = "table-bordered table-striped table-condensed">
    <thead>
      <tr> <!--rowspan:縦結合、colspan：横結合-->
        <th rowspan = "2">日付</th>
        <th rowspan = "2">曜日</th>
        <th colspan = "3">出社</th>
        <th colspan = "3">退社</th>
        <th rowspan = "2">在社時間</th>
        <th rowspan = "2">備考</th>
      </tr>
      <tr>
        <th>時</th>
        <th>分</th>
        <th></th>
        <th>時</th>
        <th>分</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      <% @dates.each do |day| %>
       <tr>
          <td><%= day.worked_on.to_s(:date) %></td>
          <td><%= %w{日 月 火 水 木 金 土}[day.worked_on.wday] %></td>

Comments

[y_waiwai]

えーと、なにをききたいのかはっきりしませんが、色を指定するタグがなにかわからないうというはなしでしょうか？

[doragon11]

失礼しました
ifで指定できるかな？と思い、まずは土曜だけ
以下のようなコードを書きましたが

コードがまちがっているのか、色は変わりませんでした

　<td><% if table = "2">土< %></td>
　<td><%= font color="# 0000ff">土< %></font></td>

ifで色を指定する場合、どのようにコードを書いたら良いのか？
また、他に色を指定する方法があれば教えていただきたいです‼

[y_waiwai]

その質問内容を、質問を編集し追記しましょう
現状ではなにを聞きたいのかさっぱりわかりませんぜ

Answer 1

土曜日(日曜日)用のclassを用意し、cssで装飾する

.sat {
  color: #0000ff;
}

土曜日の要素に用意したクラスをつける

<td class="<%= sat if day.saturday? %>">
  <%= %w{日 月 火 水 木 金 土}[day.worked_on.wday] %>
</td>

といった具合でしょうか。

Answer 2

ありがとうございます❣️

まだ、トライしてます????

できましたらシェアさせてもらいたいと思いつつ、試行錯誤の繰り返し…です♫