Home>

I am doing web development using ruby ​​on rails

I want to get rid of the underline of the link_to link
The underline does not disappear even if text-decoration: none;is described in the a tag of css
Please teach someone how to remove the underline.

code
application.scss
 @import "bootstrap";
 @import "font-awesome-sprockets";
 @import "font-awesome";

 body {
  ::-webkit-scrollbar {
    display: none;
  }
  -ms-overflow-style: none;
}
a {
  text-decoration: none;
}
.card.no-outline {
  border: none;
}
.rooms-sidebar {
  border-right: 1px solid #eeeeee;
}
.chat-room {
  height: 70vh;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  #messages {
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 200px;
    padding-top: 20px;
  }
  .message {
    min-height: 59px;
    .content-container {
      display: inline-block;
      .content {
        background-color: #eeeeee;
        padding: 8px 16px;
        border-radius: 20px;
      }
      .author {
        font-size: 0.8rem;
        color: # 777777;
        margin-left: 10px;
      }
    }
  &.me {
      .content-container {
        float: right;
        .content {
          background-color: # 007bff;
          color: white;
        }
      }
    }
  }
}
.chat-box {
  position: absolute;
  bottom: -10px;
  padding: 20px;
  width: 100%;
  margin-left: -15px;
  background-color: white;
  input [type = text] {
    height: 45px;
    font-size: 18px;
    padding: 8px;
  }
  .btn {
    height: 45px;
  }
}
.card.no-outline {
  border: none;
}
.room-container {
  .room-link {
    .room-card {
     &: hover {
        background-color: # f8f8f8;
      }
    }
    .room-user {
      color: black;
    }
    .room-message {
      color: # 666666;
    }
  }
}
.room-card {
 &: hover {
    background-color: # f8f8f8;
  }
}
.room-user {
  color: black;
}
.room-message {
  color: # 666666;
}


please

css