Блог

я использую swiper.js через CDN … проблема в том, что в файле swiper-bundle.min.css CDN .swiper-button-next, .swiper-button-prev установлен top:50%; примерно так:-

 .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
}
 

Я хочу установить .swiper-button-next, .swiper-button-prev значение bottom:11px; я пытался сделать это в своем собственном файле css, но CDN top:50% переопределяет его. И я тоже пытался использовать !important , но ничего не произошло.

Вы можете выбрать тот же класс в главном css файле вашего проекта и выполнить стилизацию с !important помощью ключевого слова.

 .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: unset !important;
    bottom: 11px;
}
 

Вот пример с простым примером. В этой скрипке я включил загрузочный CDN и переопределил заполнение .container class для демонстрации