fixturesファイルの内容書き換え

前提・実現したいこと

fixturesファイルにある要素の背景の色を変えたいが、クラス名の変更が反映されない。

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

フィクスチャのファイル(db>fixtures>page_template.rb)内の特定のクラスの背景を変更したいのですが、ファイルそのファイルから別のファイル(views>refarral>page_edit.html.erb)に要素を取得することができず、そこでjsで色を変更しようとしています。フィクスチャファイルに変更を反映させる方法を教えてください。今のところ、背景を変更したいクラスは "card "ですが、これはプロジェクト内のユニバーサルクラスなので、背景を変更しようとすると、"card "という名前のすべての要素が変更されてしまいます。何かご提案がありましたら、よろしくお願いいたします。

背景を変更したいクラス。

該当のソースコード

ruby
1<page_template.rb>
2      <div class="card" style="...">
3        <div class="card-body py-3" >
4          ...
5        </div>
6      </div>
7
8<page_edit.html.erb>
9  $("#favcolor").on("change", function(){
10            $('.card').css("background-color", $('#favcolor').val())
11        });