媒體查詢針對特定圖像

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'類到你的圖像？我試圖添加它，它對我來說工作正常。