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

  • Автор темы flips
  • 48
  • Обновлено
  • 17, May 2024
  • #1
Ниже приведены стрелки карусели, которые являются частью более крупного объекта карусели, который я пытаюсь настроить с помощью внешнего файла 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 и не нашел в нем ни одной ошибки, поэтому не понимаю, куда делось мое пользовательское определение карусели.

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

flips


Рег
23 Mar, 2012

Тем
1

Постов
3

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

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

Indigo1


Рег
10 Jul, 2015

Тем
1

Постов
3

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

KVS Team


Рег
09 May, 2015

Тем
1

Постов
4

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

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

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



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



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

D(0)GER


Рег
08 Mar, 2013

Тем
0

Постов
2

Баллов
2
Тем
49554
Комментарии
57426
Опыт
552966

Интересно