[Ruby on Rails] CSSが反映されません

Question

前提・実現したいこと

Ruby on Railsにて簡単なwebサイトを作成しています。
『改訂4版　基礎Ruby on Rails』という書籍を参考にしています。(Chapter5.2)
選手名簿のテーブルのCSSを参考書通りに反映させたいのですが、読み込まれません。

発生している問題・エラーメッセージ

完成図

現状

該当のソースコード

table.css

/*表:一覧表示,詳細表示*/
table.list, table.attr {
  font-size: 90%;
  width: 100%;
}

table.list th, table.attr th {
  background-color: #499;
  color: white;
  font-weight: normal;
}

table.list td, table.list th,
table.attr td, table.attr th {
  padding: 4px;
}

table.list th {
  text-align: left;
}

table.attr th {
  text-align: right;
}

table.list td, table.attr td {
  background-color: #cee;
}

application.css

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

/*ページ全体*/
body {
  background-color: white;
  color: black;
  margin: 0;padding: 0;
  font-family: Meiryo, sans-serif;
}

/*リンク*/
a:link { color: #00c;}
a:visited {color: #00c;}
a:hover { color: #00c;}
a img { border: none;}

/* ブロック要素 */
p, h1, h2, h3, table, ul {
  margin: 0 0 1em;
}

/* ナビゲーション */
nav ul,
ul.toolbar,
ul.links {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

nav ul li,
div.toolbar li,
ul.toolbar li,
ul.links li {
  display: inline;
}

/*全体の枠*/
div#container {
  margin: 0 auto;
  padding-top: 5px;
  width: 780px;
}

/*左の枠(コンテンツをいれる)*/
main {
  float: left;
  width: 530px;
  padding: 10px 10px 10px 0;
}

/*右の枠(サイドバーをいれる)*/
aside#sidebar{
  float: left;
  width: 230px;
  background-color: #e8ffff;
  padding: 5px;
  font-size: 86%;
}

/* ヘッダー */
header {
  border-top: 4px solid #6bb;
  padding-top: 4px;
}

ul.account-menu {
  text-align: right;
}

/* フッター */
footer {
  clear: both;
  font: 11px Verdana;
  color: #888;
  padding: 8px 0;
  border-top: 4px solid #6bb;
  text-align: center;
}

footer nav ul li:not(:last-child):after {
  color: #888;
  content: " | ";
  margin: 0 5px;
}

/* メニューバー */
nav.menubar {
  padding: 2px;
  background-color: #000;
  color: #ccc;
  font-size: 80%;
  padding: 8px 16px;
}

nav.menubar ul li:not(:last-child):after {
  color: #ccc;
  content: " | ";
  margin: 0 2px;
}

/* メニューバーのリンク */
nav.menubar a { text-decoration: none; }

/* メニューバーのリンク（未訪問） */
nav.menubar a:link { color: #ccc; }

/* メニューバーのリンク（訪問済） */
nav.menubar a:visited { color: #ccc; }

/* メニューバーのリンク（マウスを合わせたとき） */
nav.menubar a:hover {
  color: #f88;
  text-decoration: underline;
}

/* メニューバーのリンク（現在のページ） */
nav.menubar span {
  color: #ff8;
  font-weight: bold;
}

/* メインコンテンツ */
main h1 {
  color: #88c;
  font-weight: normal;
  font-size: 150%;
  border-bottom: 2px solid #88c;
  margin-bottom: 0.5em;
}

main h2 {
  color: #99d;
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #ccf;
}

main p {
  font-size: 90%;
  line-height: 1.5;
}

ul.toolbar,
div.toolbar {
  padding: 15px 0;
  font-size: 90%;
  text-align: right;
}

ul.toolbar li:not(:last-child):after {
  color: #888;
  content: " | ";
  margin: 0 2px;
}

/* サイドバー */
form#login-form {
  font-size: 12px;
}

form#login-form div {
  padding: 2px;
  text-align: center;
}

form#login-form label {
  display: inline-block;
  width: 80px;
  text-align: center;
}

form#login-form input[type="text"],
form#login-form input[type="password"] {
  width: 120px;
}

aside#sidebar h2 {
  color: #080;
  font-weight: bold;
  border-bottom: 1px dotted #080;
  margin-bottom: 0.5em;
  font-size: 100%;
}

aside#sidebar ul {
  padding-left: 1em;
  list-style-type: none;
}

aside#sidebar li {
  margin-bottom: 0.3em;
}

index.html.erb

<% @page_title = "会員名簿" %>
<h1><%= @page_title %></h1>

<% if @members.present? %>
  <table>
    <thead>
      <tr>
        <th>背番号</th>
        <th>ユーザー名</th>
        <th>氏名</th>
      </tr>
    </thead>
    <tbody>
      <% @members.each do |member| %>
      <tr>
        <td style="text-align: right"><%= member.number %></td>
        <td><%= member.name %></td>
        <td><%= member.full_name %></td>
      </tr>
      <% end %>
    </tbody>
  </table>
<% else %>
  <p>会員情報がありません</p>
<% end %>

試したこと

・application.html.erbの<head>タグ内に
<%= stylesheet_link_tag 'table' %>
を追加

・rake assets:precompileコマンドを実行

補足情報（FW/ツールのバージョンなど）

Rails : 6.0.3.1

よろしくお願いします

Answer 1

tableタグのclassを指定できていなかったのが原因でした。
閲覧してくださった方々、ありがとうございました！