Javascript 滑动条-滑动条之间的边界

我在我的网站上使用滑溜转盘，有这样的问题。 我通过以下代码添加了边框：右边框：5px纯红； 问题是：在这里最后一张可见的幻灯片中，如何去掉边框？ 谢谢

---

没有你的代码，我不能给你一个明确的答案，但我可以试一试

假设您的slider对象的类为.slider，而您的每个幻灯片的类为.slide

您的滑块是父滑块，每个滑块都是滑块的子滑块。在CSS文件中使用以下代码段时，您的目标是幻灯片阵列中的最后一个子项

在CSS文件中：

    .slider .slide:last-child{
       border-right: none;
    }

特定滑块上的类名会有所不同，因此您应该将它们更改为实际的滑块和末端使用的滑块类

---

我希望这是有道理的。我不熟悉StackOverflow并尝试提供帮助。

要从最后一张图像中删除边框，可以使用：last child selector

.slick-slide:last-child {
   border-right: 0;
}

---

演示：

这是使用Jquery的解决方案：

$('.slick-active').addClass('border-right').removeClass('border-right--no');
$('.slick-active:last').addClass('border-right--no');

$( ".slick-arrow" ).click(function() {
    $('.slick-active').addClass('border-right').removeClass('border-right--no');
    $('.slick-active:last').addClass('border-right--no');
});

<style>
.border-right {
  border-right: 1px solid #000;
}

.border-right--no {
  border-right: 0;
}
</style>

---

它对我有用。

您可以使用：last child selector将border设置为None。不是最后一个元素是集合。您能提供一个代码吗？@test提供。谢谢，但这不是在这种情况下删除border所需的解决方案。从初始状态到下一步的每一步，从所有可见项中删除最后一张幻灯片的边框。谢谢，这很有效

$('.slick-active').addClass('border-right').removeClass('border-right--no');
$('.slick-active:last').addClass('border-right--no');

$( ".slick-arrow" ).click(function() {
    $('.slick-active').addClass('border-right').removeClass('border-right--no');
    $('.slick-active:last').addClass('border-right--no');
});

<style>
.border-right {
  border-right: 1px solid #000;
}

.border-right--no {
  border-right: 0;
}
</style>

.slick-slider {
    div {
        &:focus {
            outline: 0;
        }
    }
}