Bootstrap 5 – Как изолировать и редактировать шрифт панели навигации ⇐ CSS

[Anonymous]

У меня возникла проблема: я пытаюсь изолировать шрифт, используемый в навигационной панели начальной загрузки 5, чтобы иметь возможность редактировать используемый шрифт, а также его цвет, размер шрифта и т. д.
Codepen: https://codepen.io/R-P-P/pen/zxOdyJb?editors=1100
HTML


Isolate Nav Font


[*]

• Home

• Link
• Link

CSS
.nav-link {
padding: 10px 8px 12px 8px !important;
}

/*
.navbar-dark, .navbar[data-bs-theme=dark] {
--bs-navbar-color: rgba(255, 255, 255, 0.55);
--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
--bs-navbar-active-color: #fff;
}
*/

Я пытался создавать новые классы и редактировать то, что я считал загрузочным классом, но безуспешно. Вот один из классов, которые я пытался редактировать.
CSS
.navbar-dark, .navbar[data-bs-theme=dark] {
--bs-navbar-color: rgba(255, 255, 255, 0.55);
--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
--bs-navbar-active-color: #fff;
}


Подробнее здесь: https://stackoverflow.com/questions/793 ... v-bar-font