如何將自定義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添加到滑動滑塊幻燈片

回答

相關問題