html - 隐藏滑块图像而不删除

Question

尝试在移动屏幕中隐藏滑块背景图像：

@media screen and (max-width: 800px){
.home #mainSliderWrapper {
    background-image: none;
}
.stlye {
    background-image: none;
}
.img--holder {
    background-image:none;
}
}

它不起作用，有人可以帮助我吗？网址是：https ://uraniamedicalcenter.hu id是mainSliderWrapper。我使用了错误的类和 id 吗？

也尝试这些：

@media screen and (max-width: 800px){
.home #mainSliderWrapper {
    background: none !important;
}
 #mainSliderWrapper #mainSlider .slide .img--holder {
    background-image:none;
}
#mainSlider .slide .img--holder {
    background-image:none;
}
#mainSlider .img--holder{
    background-image: none;
}
}

不会工作

标签： htmlcss

Answer 1

有CSS规则

.home #mainSliderWrapper{
  background: 'imageURL' !important;
}

你必须用你的 !important 自定义规则覆盖：

$('.home #mainSliderWrapper').css('{ background: none !important }');