媒体查询针对特定图像

Question

我搞不​​清楚我在做什么错在这里...我有两个图像在“滑块”，我需要其中之一消失在手机和较小的设备上。我试图创建一个新班级，然后隐藏这个班级，但没有任何事情发生。提前致谢！

来源：

<section class="sliderbox" id="menu-homepage"> 
    <img src="img/arrow.png" class="arrow" alt="image" width="300" height="85" align="right"> 

媒体查询：

@media handheld, only screen and (max-width: 980px) { 
    .theme-default .nivo-caption{ 
    font-size: 21px; 
    } 

    .theme-default .nivoSlider{ 
    height: inherit; 
    } 
.sliderbox-class-arrow { 
    display: none; 
} 

直播@ gradepowerbrandon.com/test

Answer 1

那是因为你被错误地这样做。

这是应该的：

.sliderbox img.arrow { 
    display: none; 

你不能写的字“类”。只是名字。

Answer 2

我检查了你的测试页面。在我看来，你可能只是忘了添加'.sliderbox-class-arrow'类到你的图像？我试图添加它，它对我来说工作正常。