html - 针对特定图像的媒体查询

Question

我不知道我在这里做错了什么...我在“ slider 框”中有两张图片，我需要其中一张在移动设备和小型设备上消失。我正在尝试创建一个新类，然后隐藏该类，但没有任何反应。提前致谢!

来源:

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

你不能写“类”这个词。只是名字。