Css 在b边栏（vue）上无法使用自己的填充

我正在使用bootstrap vue，希望在侧边栏中添加一些填充，但无法使其正常工作。 如果我在浏览器devtools中添加填充，它会添加。 但是我的代码不会进入浏览器，所以它根本不会显示在那里

我试着自己给它一个类->在主标签上加上class：“b-sidebar-outer” ->没有帮助，因为我需要它去一个与“b-侧边栏”

但如果我这样做（或在课堂上尽可能具体）：

->不显示

我可以为侧边栏中的元素添加填充，但这需要做更多的工作c

---

有人能帮忙吗？

Vue.JS提供每个组件和唯一的uid。在您的开发工具中，您将看到组件有一个数据属性，当您的CSS被解析时，它看起来像这样

div[data-v-f3eg9]

通过这种方式，多个组件可以使用相同的类名，而无需相互干预

要在另一个构件中设置样式，可以使用

对于SCS：

/deep/ .b-sidebar {
  padding: 10px;
}

对于CSS：

.your-class >>> .b-sidebar {
  padding: 10px;
}

---

太多了！我以前没有注意过这个“范围”，现在我将复习一下这方面的知识。（：你能分享更多的css吗？可能有什么东西覆盖了它

.your-class >>> .b-sidebar {
  padding: 10px;
}