bootstrap.css样式覆盖

Question

用bootstrap做滚动监听效果，里面的链接样式想换掉，这样重新写样式表覆盖的时候岂不是很多地方都要改，你们也是这样一个地方一个地方地改掉的吗？还是有什么简便方法？

.navbar-default .navbar-nav > li > a {
  color: #777777;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}

Answer 1

改scss文件啊。然后生成css文件。这个在bootstrap源码包中都有的。
bootstrap4 以前的版本是less文件。
lesscss
sass-lang