如何在创建响应屏幕时删除/隐藏CSS中的类广告

当屏幕小于一定大小时，我试图隐藏添加

相关的html部分是：

<div id="content">
  <div id="articles">
    <h2>Article</h2>
    <p>Some article text.  Yadda yadda yadda yadda yadda.</p>
    <h2>Another Article</h2>
    <p>Some more article text.  Yadda yadda yadda yadda yadda...</p>
    <img src="ad.jpg" class="bannerad">
  </div>

---

如何设置bannerad部分的格式以隐藏广告？

您可以始终使用javascript/jquery在任何元素上添加/删除/附加css类，具体取决于页面的各种条件。这是如何实现的？我试图隐藏adSomething，如：if$window.width<960{document.getElementById'elementId'.style.display='none'；}在jquery中。这里有一些链接供您参考：，这很好，我不知道分号是这样工作的，因为我是新来的。谢谢顺便说一句，如果答案正确，不要忘记接受，这样问题就结束了。

@media screen and (max-width:480px) {
    #menu {
        background-color: green;
    }

    #menu li {
        display:block;
        padding:15px;
        margin:0px;
    }

    #header {
        color:green;
        font-style:italic;
        text-transform: uppercase;
    }

    #content h2 {
        color: green;
    }

    .bannerad {
        display: none;
    }
}

@media screen and (max-width:480px) {
    #menu {
        background-color: green;
    }

    #menu li {
        display:block;
        padding:15px;
        margin:0px;
    }

    #header {
        color:green;
        font-style:italic;
        text-transform: uppercase;
    }

    #content h2 {
        color: green;
    }

    .bannerad {
        display: none;
    }
}