如何向Slick Slider幻灯片添加自定义CSS

Question

我搜索并研究过没有结果。

我想在Slick Slider幻灯片中添加一些自定义CSS，但是无法找到正确的选择器。

例如，在第三张幻灯片上，我想应用一些自定义CSS;这样做的CSS选择器是什么。

TIA

莱尔

Answer 1

我认为您可以使用:nth-child()选择器并执行以下操作：

＆＃13;

＆＃13;

.slick-slide {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  background-color: green;
}

.slick-slide:nth-child(3) {
  background-color: red;
}

＆＃13;

<div class="slider">
  <div class="slick-slide"></div>
  <div class="slick-slide"></div>
  <div class="slick-slide"></div>
  <div class="slick-slide"></div>
  <div class="slick-slide"></div>
</div>

＆＃13;

＆＃13;

＆＃13;