修改引导程序的“活动”类

Question

我用Bootstrap编写的导航栏有点问题。一切正常，但我想通过Bootstrap修改.active类给我的导航栏的< li>元素。我写了自己的.active类，但由于某种原因，浏览器没有看到它。 html文件中的链接如下所示：

<link href="css/bootstrap.min.css" rel="stylesheet"> 
<link href="css/main.css" rel="stylesheet"> 

有什么办法可以做到这一点，而不会干扰bootstrap.css？

编辑：我已经写 类看起来是这样的：

.active{ 
a{ 
    background-color: $transparent; 
    text-decoration: overline; 
    text-decoration-color: $color1; 
    } 
} 

好吧，作为ussual问题是我太傻了。我忘了把我的编辑.scss文件的CSS：\

Answer 1

使用此 CSS

active.yourclassname { 
    //here your css properties 

} 

HTML

<ul> 
    <li class="active yourclassname"><a href="#">hello</a></li> 
</ul>