cssで下線を消したい

Question

#前提・実現したいこと
railsでオリジナルアプリを作成中なのですが、商品一覧ページにおいて商品名の下線を消したいのですがなかなか消えてくれません。ご教授いただけると幸いです。
#該当のソースコード

  <section>

<% @cats.each do |cat| %>
<div class= "list">
   <%=link_to post_path(cat.id) do %>
   <%=image_tag cat.image,class:"image-2"%>
   <h1> <%=cat.cat_name%></h1>
   <% end %>
   </div>
<% end %>

<%= link_to(new_post_path, class: 'cat-btn') do %>
  <div class='cat-btn-text'>募集する</div>
  <%= image_tag 'cat.png' ,class: "cat-btn-icon" , id: "cat-icon"%>
<% end %>

.list {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #926244;	/*下線の幅、線種、色*/
  padding: 20px; /*ボックス内の余白*/
}
/*h1見出しの設定*/
.list h1 {
	color: #926244;	/*文字色*/
  text-decoration: none;

}
/*画像の設定*/
.image-2 {
  width: 25%;  /*画像幅*/
  float: left;  /*画像を左に回り込み*/
  margin-right: 3% /*画像の右側に空けるスペース*/
}

/*段落タグ*/
.list p {
  padding: 0 !important;
  
}

#試したこと
h1の部分に text-decoration: none;を入れたりした。

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

Answer 1

こちらでいかがでしょうか

.list a {
  text-decoration: none;
}

Comments

[pengin-fes2]

ありがとうございます。解決しました！

Answer 2

ソースを提示するならHTMLでお願いします
こういうことでしょうか？

<style>
.list h1 *{
  text-decoration: none;
}
<style>
<div class= "list">
   <h1><a href="#">test</a></h1>
</div>