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。

标签： cssbootstrap-4

Answer 1

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

如果您想要一个快速的解决方案，您可以使用 !important 在您的 css 样式旁边，如下所示：

td { height: 50px !important; }