css - 自定义 CSS 被 bootstrap.css.map 覆盖了吗？

Question

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

.nav-link {
padding: 0.15rem;

使用的样式是这样的:

如您所见，找不到 custom.css。当前样式所在的css文件在bootstrap.css.map中。

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

Answer 1

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

如果你想要一个快速的解决方案，你可以像这样在你的 css 样式旁边使用 !important :

td { height: 50px !important; }