asp.net-mvc-3 - 将内联覆盖 CSS 移动到样式表中

Question

我试图覆盖父 CSS 文件中某个地方的链接样式，该样式在悬停时为我的按钮文本加下划线。我发现通过附加我想要的样式 (text-decoration:none) 内联，在元素上进行覆盖，但我宁愿不这样做。

关于如何更好地做到这一点有什么想法吗？

<a href="javascript:void(0);" style="text-decoration:none;" class="nco-approve-btn" data-attr-club-id="14">Approve</a>



.nco-approve-btn {

  background: #ad0a0a;
  background-image: -webkit-linear-gradient(top, #ad0a0a, #de5252);
  background-image: -moz-linear-gradient(top, #ad0a0a, #de5252);
  background-image: -ms-linear-gradient(top, #ad0a0a, #de5252);
  background-image: -o-linear-gradient(top, #ad0a0a, #de5252);
  background-image: linear-gradient(to bottom, #ad0a0a, #de5252);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 11px;
  padding: 5px 7px 5px 7px;
  text-decoration: none;
}

.nco-approve-btn:hover {
  background: #8f1313;
  background-image: -webkit-linear-gradient(top, #8f1313, #731717);
  background-image: -moz-linear-gradient(top, #8f1313, #731717);
  background-image: -ms-linear-gradient(top, #8f1313, #731717);
  background-image: -o-linear-gradient(top, #8f1313, #731717);
  background-image: linear-gradient(to bottom, #8f1313, #731717);
  text-decoration: none;
  color: #ffffff;
}


.nco-approve-btn:link {text-decoration: none; color: #ffffff;}
.nco-approve-btn:visited {text-decoration: none; color: #ffffff;}
.nco-approve-btn:active {text-decoration: none; color: #ffffff;}

Answer 1

在属性后放置 !important 关键字将赋予该属性优先权。

About CSS order of precedence