访问顺风中的刷单类

Question

有什么方法可以访问顺风中的滑动器类吗？

这就是页面上的代码：

<div class='swoper-wraper'>
<li class='swiper-slide swiper-slide-visible swiper-slide-active'></li>
<li class='swiper-slide swiper-slide-visible'></li>
<li class='swiper-slide swiper-slide swiper-slide-visible swiper-slide-thumb-active'></li>
</div>

刷码：

<div className='swiper-container'>
<Swiper
className='[&_swiper-slide]:opacity-70' //doesn't work
modules={[Thumbs]}
watchSlidesProgress={true}
onSwiper={setThumbsSwiper}
>
//slides
</Swiper>
</div>

我无法访问刷单类-swiper-slide swiper-slide-visible swiper-slide-active

[&_swiper-slide]:opacity-70, [&>swiper-slide]:opacity-70 - doesn't work
[&_li]:opacity-70 - work, 

但我需要刷类swiper-slide-active和swiper-slide-thumb-active

UPD：我还发现文件"swipper/css/tumbs"是空的，应该有我需要的样式。(

Answer 1

您可以尝试使用@apply访问滑动类

.swiper-slide-active{
@apply opacity-70
}

了解更多信息https://tailwindcss.com/docs/reusing-styles#extracting-具有应用的类