- 17, May 2024
- #1
Ниже приведены стрелки карусели, которые являются частью более крупного объекта карусели, который я пытаюсь настроить с помощью внешнего файла custom.css:
HTML: И все же, когда я открываю элемент в инспекторе Chrome, стрелки извлекают основной стиль из _carousel.scss, мои атрибуты custom.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 и не нашел в нем ни одной ошибки, поэтому не понимаю, куда делось мое пользовательское определение карусели.
Что здесь может происходить?