Пользовательский CSS перезаписан bootstrap.css.map?

Question

Я использую Bootstrap 4 и пытаюсь установить отступ для навигационных ссылок внутри navbar в моем собственном файле CSS:

.nav-link {
padding: 0.15rem;

}

И стиль, который используется, таков:

Как видите, custom.css нигде не видно. Файл CSS, из которого взят текущий стиль, находится внутри bootstrap.css.map.

Почему он читает стиль из bootstrap.css.map, а не из моего собственного CSS-файла? Я соединил все стили вместе, сначала загружается bootstrap.css, а последний - мой пользовательский CSS.

Answer 1

Извините, мой оригинальный ответ я посмотрел на вывод отладчика.

Если вам нужна перезапись. В одном из моих проектов я присвоил окружающему тегу идентификатор.

<ul id="myNavBar">

Тогда следующий CSS работал для меня

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

Answer 2

Вы должны понимать, как специфичность рассчитывается в CSS, это простая тема.

Если вы хотите быстрое решение, вы можете использовать! Важное рядом с вашим стилем CSS, например:

td { height: 50px !important; }