Javascript 如何在React中禁用库css中的样式

Javascript 如何在React中禁用库css中的样式,javascript,css,reactjs,Javascript,Css,Reactjs,我使用react slick库制作滑块。我在负责滑块的标记内有图像。根据屏幕的大小,我想隐藏图像,但属性slick.css会阻止我的css样式。我怎么能把它关掉 您可以尝试编写更具体的css选择器。 我假设你的图像有一个class.cHgPZg 如果是,您可以尝试选择器 .slick-slide img.cHgPZg { dsiplay: none; } 如果这不起作用,您可以始终使用!重要的;但如果可能的话,尽量避免 .cHgPZg {display: none !important;} /

我使用react slick库制作滑块。我在负责滑块的标记内有图像。根据屏幕的大小,我想隐藏图像,但属性slick.css会阻止我的css样式。我怎么能把它关掉


您可以尝试编写更具体的css选择器。 我假设你的图像有一个class.cHgPZg

如果是,您可以尝试选择器

.slick-slide img.cHgPZg { dsiplay: none; }
如果这不起作用,您可以始终使用!重要的;但如果可能的话,尽量避免

.cHgPZg {display: none !important;} // not recomanded
问题是。为了覆盖主要选择器并隐藏图像,您必须添加更具体的选择器。尝试向后遍历选择器树,直到选择器足够具体;大概是这样的:

.slick-slider .slick-list .slick-slide img {
    display: none;
}

你能链接你正在使用的图书馆吗,