Карусель Bootstrap-4 игнорирует мой пользовательский CSS

Ниже приведены стрелки карусели, которые являются частью более крупного объекта карусели, который я пытаюсь настроить с помощью внешнего файла custom.css:

 /* BOOTSTRAP-4 CAROUSEL ARROWS */


div#demo a.carousel-control-prev span.carousel-control-prev-icon,


div#demo a.carousel-control-next span.carousel-control-next-icon {


height: 100px;


width: 100px;


outline: black;


background-size: 100%, 100%;


border-radius: 50%;


border: 1px solid black;


background-image: none;


}


div#demo a.carousel-control-next span.carousel-control-next-icon:after


{


content: '>';


font-size: 55px;


color: red;


}


div#demo a.carousel-control-prev span.carousel-control-prev-icon:after {


content: '<';


font-size: 55px;


color: red;


}

Код (CSS): На самом деле я даже пытался переквалифицировать элементы .carousel-control-next-icon и .carousel-control-prev-iconelements в моем custom.css следующим образом:

 <!-- Left and right controls --> <a class="carousel-control-prev" href="#demo" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#demo" data-slide="next"> <span class="carousel-control-next-icon"></span> </a>

HTML: И все же, когда я открываю элемент в инспекторе Chrome, стрелки извлекают основной стиль из _carousel.scss, мои атрибуты custom.css даже не отображаются в окне отладчика.

Я проверил весь файл custom.css и не нашел в нем ни одной ошибки, поэтому не понимаю, куда делось мое пользовательское определение карусели.

Что здесь может происходить?

Спасибо за ответ! Это страница, о которой я говорю, это страница портфолио в моем статическом блоге, которая создается с помощью статического генератора pelican:
https://prahladyeri.com/portfolio/

Я временно решил проблему, поместив этот CSS в тег

Скорее всего, ваши стили начальной загрузки переопределены вами. Попробуйте поиграть со свойством «position». Укажите, где необходим z-индекс. Без живого сайта, конечно, сложно сказать что-то конкретное.

Трудно сказать без живого сайта, хотя дерзкий и некомпетентный подход Bootcrap может сыграть свою роль. (см. бесконечные бессмысленные классы впустую, сценарии только для элементов в разметке и общую специфичность, которую это создает) Хотя, если ваши свойства вообще НЕ отображаются в инспекторе документов (например, даже не отменяются/переопределяются), то, скорее всего, сам файл просто не загружается.

Вы на 100% уверены, что путь включения правильный? Проверьте вкладку «Сеть» инструментов вашего браузера.

Запрос вообще есть? Если да, то это 404?



А если серьезно, то, что они злоупотребляют якорями только для сценариев поведения, нуждаются в интервале внутри них, когда не делают ничего, для чего нужен диапазон, и снова используют атрибуты data- для функций только сценариев, это должно отпугивать вас от буткрана, учитывая, какой памятник невежеству разработчиков , некомпетентность и откровенная некомпетентность это так.



Мне страшно подумать, как выглядит HTML на остальной части страницы.