Vuejs2 引导vue选项卡样式

在使用bootstrap vue时，在我的单个文件组件中重写引导样式时遇到问题

我的文件如下所示：

一些标签
其他一些标签
导出默认值{}
.nav.mytab.nav链接：未（.active）{
背景色：红色！重要；
}
.nav.mytab.nav链接{
背景色：蓝色！重要；
}
.tab内容>.tab窗格{
边框：1px实心；
左边框：0px无；
}

是的，JSFIDLE和您的代码之间的区别在于您编写了范围有限的CSS（更少）：

以下是如何修复它，从样式中删除作用域：

<style lang="less">

  .nav-pills .mytab .nav-link:not(.active) {
    background-color: red !important;
  }

  .nav-pills .mytab .nav-link {
    background-color: blue !important;
  }

  .tab-content > .tab-pane {
    border: 1px solid;
    border-left: 0px none;
  }
</style>

.nav.mytab.nav链接：未（.active）{
背景色：红色！重要；
}
.nav.mytab.nav链接{
背景色：蓝色！重要；
}
.tab内容>.tab窗格{
边框：1px实心；
左边框：0px无；
}

---

范围化意味着css代码将只在该元素中工作，vue将尝试仅对附加到元素的类执行此操作，这些元素包含您试图覆盖的类，而不进行范围化意味着它将对整个文档执行此操作，因此将覆盖引导的css。

这是我尝试的第一件事，但它仍然没有执行此操作工作：（我认为这是bootstrap vue中的一个bug，但他们只是导入bootstrap4 CSI猜测您提供的代码片段没有最后一个角括号是的，在创建问题时，这是一个输入错误您使用什么捆绑？