锚点标记在悬停时保持下划线

Question

我正在尝试禁用我的锚标记在悬停时加下划线。我已将text decoration: none;添加到我的.scss文件中，如下所示：

$font-family-serif: 'Nixie One';
$font-family-base: $font-family-serif;
@import "bootstrap";
//@import "bootstrap-sprockets";

//TB Navbar overrides to change the color scheme
$bgDefault      : #ffffff;
$bgHighlight    : #ffffff;
$colDefault     : #8587f1;
$colHighlight   : #4e5aff;
.navbar-default {
  font-weight: bold;
  font-size: 25px;
  background-color: $bgDefault;
  border-color: $bgHighlight;
  text-decoration: none; 

当我查看网页时，它似乎正确地计算了规则：

我在哪里错了？

Answer 1

显然问题是我只需要在我的scss文件中指定一个标签：a {text-decoration: none;}，而不是仅仅为该类设置它。

Answer 2

.navbar-default {
  font-weight: bold;
  font-size: 25px;
  background-color: $bgDefault;
  border-color: $bgHighlight;
  text-decoration: none;  
  a
  {
    text-decoration: none; 
    &:hover{
       text-decoration: none;
    }
  }