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

Question

我正在使用Bootstrap 4，并且试图在我的自定义CSS文件中的navbar内为nav链接设置填充：

.nav-link {
padding: 0.15rem;

}

使用的样式是这样：

如您所见，customer.css无处可见。当前样式所在的css文件位于bootstrap.css.map中。

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

Answer 1

您需要了解如何在CSS中计算特异性，这是一个简单的话题。

如果您想快速解决问题，可以在CSS样式旁边使用！important：

td { height: 50px !important; }

Answer 2

对不起，我最初的回答是看调试器的输出。

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

<ul id="myNavBar">

然后以下CSS对我有用

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