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

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

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

Answer 2

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