Как изменить цвет фона активной ссылки в раскрывающемся меню Bootstrap? ⇐ CSS

[Anonymous]

Я отчаянно пытаюсь изменить цвет фона раскрывающегося меню Bootstrap 5.3, ссылка на которое активна.
Когда я нахожусь на странице, ссылка меню для этой страницы отображается жирным шрифтом, но когда эта страница содержится в раскрывающемся меню, ссылка меню имеет синий (основной) фон, который не соответствует моей теме, и я хотел бы изменить его.
Когда я тестирую другой код CSS, я могу изменить цвет, когда я наводите на нее курсор мыши, а также когда я нажимаю на нее, но ссылка снова становится синей, когда я нахожусь на странице.
Voici mon code html :

Код: Выделить всё

    [url=index.php]
Title
[/url]




[list]
[*]
[url=index.php]Accueil[/url]

[*]
[url=qui-suis-je.php]Qui suis-je ?[/url]

[*] 
[url=#]
sous-menu
[/url]

[url=allaitement-maternel.php]allaitement maternel[/url]
[/list]

и мой CSS:

Код: Выделить всё

.navbar-nav > li > .dropdown-menu a:focus,
.navbar-nav > li > .dropdown-menu a:hover,
.navbar-nav > li > .dropdown-menu a:active {background-color: #FF0000; }

А вот результат, когда я нахожусь на странице «грудное вскармливание» и навожу курсор на меню «Детский массаж»:
Отображение меню

Подробнее здесь: https://stackoverflow.com/questions/798 ... p-dropdown