自定义CSS是否被bootstrap.CSS.map覆盖？

我正在使用Bootstrap 4，并尝试在自定义CSS文件中为导航栏内的导航链接设置填充：

.nav-link {
padding: 0.15rem;

}

使用的样式是：

正如您所看到的，custom.css在任何地方都看不到。当前样式来自的css文件位于bootstrap.css.map内

---

为什么它是从bootstrap.css.map读取样式，而不是从我的自定义css文件读取样式？我将所有样式捆绑在一起，首先加载bootstrap.css，最后加载我的自定义css。

您需要了解在css中如何计算特定性，这是一个简单的主题

如果你想要一个快速的解决方案，你可以使用！css样式旁边的重要信息如下：

td { height: 50px !important; }

---

抱歉，我的原始答案是我查看了调试器输出

如果需要覆盖。在我的一个项目中，我给了周围的标签一个id

<ul id="myNavBar">

---

内联样式在添加到元素时具有最高的特异性，它们总是覆盖外部样式表中的任何样式。你现在可以试试，告诉我它是否有效吗？是的，内联样式有效，但是使用前面提到的内联样式也会改变一些子菜单链接的填充，这不是我想要的：首先检查你的自定义css文件是否导入并在页面上正常工作，然后给元素另一个类名，并用新的类名编写样式。（我强烈建议您阅读css中的特殊性）

#myNavBar .link-item {
  padding: 0.15rem;
}