Twitter bootstrap 3 锚定标记在悬停时保持下划线

我正在尝试禁用我的锚标记，使其在悬停时不带下划线。我添加了文字装饰：无；到我的.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; 

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

---

我在这里哪里出错了？

显然，问题是我必须在我的scss文件中指定a标记：a{text decoration:none；}，而不仅仅是为类设置它

.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;
    }
  }