Slick SliderスライドにカスタムCSSを追加するにはどうすればいいですか

Question

検索結果はありません。

Slick SliderスライドにカスタムCSSを追加したいのですが、そのために正しいセレクターを見つけることができませんでした。

たとえば、3番目のスライドでカスタムCSSをいくつか適用したいと思います。そのために必要なCSSセレクタは何でしょうか。

TIA

ライル

Answer 1

私はあなたが:nth-child()セレクタを使用して、このような何かができると思う：あなたがきたCSSの例を共有することができ

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