text-decoration:none; が効かない

Question

link_toにある下線を消したいのですが
text-decoration:none; が反映されません。
どのようにしたらよろしいでしょうか？

クラス名.article-titleにある下線を消したいです。

試した事
= tweet.titleにクラス名を付けたがシンタックスエラーが出る。
例(= tweet.title,class: "title")

.Sign-in
  .Top
    - @tweets.each do |tweet|
      .article
        = link_to tweet_path(tweet.id) ,class: "article-link" do
          = image_tag tweet.image.url,class: "article-uplord-image"
          %br/
          .article-title
            = tweet.title

.Sign-in{
  margin: 0px 80px 0px 80px;
  height: 1000px;
  background-color: white;
}
.Top{
  padding-top: 30px;
  margin: 40px 30px 0px 30px;
  display: flex;
  justify-content: center;
}
.article{
  width: 200px;
  height: 200px;
  margin: 0px 10px 0px 10px;
}
.article-uplord-image{
  width: 200px;
  height: 150px;
}
.article-title{
  text-align: center;
  text-decoration:none;
}

Comments

[gouf]

.article-link に対して「text-decoration: none;」を適用した場合、なにか変化は見られますか?

[rrtts667]

コメントありがとうございます。
出来ました!!

[gouf]

解決した場合、他者の回答ないし自己回答として内容をまとめて それをベストアンサーに設定することで、この質問を解決済みにすることができます

Answer 1

.article-link に対して「text-decoration: none;」を記載し反映し解決できました。