媒体查询定位特定图像

Question

我无法弄清楚我在这里做错了什么...我在“sliderbox”中有两个图像，我需要其中一个在移动设备和较小的设备上消失。我正在尝试创建一个新类然后隐藏该类，但什么也没发生。提前谢谢！

来源：

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

你不能写'class'这个词。只是名字。

Answer 2

我检查了你的测试页面。在我看来，您可能只是忘了在图片中添加“.sliderbox-class-arrow”类？我试着添加它，它对我来说很好。