如何将自定义CSS添加到滑动滑块幻灯片

我已搜索和研究没有结果。如何将自定义CSS添加到滑动滑块幻灯片

我想添加一些自定义CSS到滑动滑块幻灯片，但一直没能找到正确的选择器来这样做。

例如，在第三张幻灯片上，我想申请一些自定义CSS; CSS选择器需要做什么？

TIA

莱尔

来源

2017-06-01 Sniffle Valve

你能分享自己的CSS的例子试过了？ –

我认为你可以使用:nth-child()选择，做这样的事情：

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

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

<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>

来源

2017-06-01 05:54:27

非常感谢j-printemps，让我朝着正确的方向前进。这完美地针对第三张幻灯片（对于那些使用Elementor Pro幻灯片小部件的人）： .slick-slide：nnth-child（4）.elementor-slide-content { color：red; } –

如何将自定义CSS添加到滑动滑块幻灯片

回答

相关问题