Как выбрать элементы с определенным идентификатором

Question

Я прошу прощения, если это действительно глупый вопрос, но я только начинаю с CSS. Я использую bootstrap для создания веб-сайта, но я пытаюсь выяснить, как переопределить некоторые стили Boostrap. Я прочитал один пост, в котором предлагалось создать идентификатор под названием bootsrap-override. Но когда я пытаюсь выбрать идентификатор и элемент, он никогда не работает.

Вот мой HTML

<nav class = "navbar navbar-expand-md navbar-light fixed-top bg-light" 
id="bootstrap-override">

А вот и мой css

#bootstrap-override nav {
    border-bottom: 1px solid black;
    border-width: thick;
}

Answer 1

Вот правильный путь.

<nav class = "navbar navbar-expand-md navbar-light fixed-top bg-light" id="bootstrap-override">

<style>
#bootstrap-override{
border-bottom: 1px solid black;
border-width: thick;
}

/* Or you can do it this way
nav #bootstrap-override{
border-bottom: 1px solid black;
border-width: thick;
} */
</style>

Answer 2

#bootstrap-override nav {

Похоже, что вышеупомянутый селектор не правильный, попробуйте вместо этого:

nav#bootstrap-override {
...
}