修改Bootstrap的“活动”类

Question

我在Bootstrap中编写的导航栏有点问题。一切正常但我想修改.active类给予＆lt;李＆GT; Bootstrap导航栏的元素。我写了自己的.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;
  }
}

好吧，因为问题是我是愚蠢的。我忘记将我编辑的.scss文件传输到.css：\

Answer 1

使用此 的 CSS

active.yourclassname {
   //here your css properties

}

<强> HTML

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