如何 disable/remove/override css 属性 的 CDN

Question

我正在通过 CDN 使用 swiper.js...问题是在 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 但没有任何反应。

Answer 1

您可以 select 在项目的主 css 文件中使用相同的 class 并使用 !important 关键字进行样式设置。

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

Here is fiddle with a simple example. In this Fiddle, I have included bootstrap CDN 并覆盖 .container class 的填充以演示