Html 如果窗口小于600px，如何删除div

你知道当div在另一个div内时如何移除它吗？我需要删除div“2”，但这不起作用：

@media all and (max-width: 600px) 
{
    #zmiz { display:none; }
}

<div class="row clearfix">
    <div class="fwImage col span_6">
        <div class="ahoj" style="position: absolute; width: 80%;">
            <div class="col span_4 logo_shift" style="line-height: 21px; ">
                <h1>Certifikát</h1>
                <p>)ily <a href="#image-7">linde</a>.Yo.</p>
                <p>Sc.</p>
                <p>St <a href="http://www.fl.com">Gic</a>, ad.</p>
            </div>
        </div>
        <div id="gallery-t-group" class="royalSlider rsDefaultInv">
            <div id="zmiz">
                <a class="rsImg" href="gal/blank.png"><img class="rsTmb" width="56" height="56"src="gal/p.png" /></a>
            </div>
            <a class="rsImg" href="gal/certifikat1.jpg"><img class="rsTmb" width="56" height="56"src="gal/certifikat2.jpg" /></a>
            <a class="rsImg" href="../img/full-width/medium/2.jpg"><img class="rsTmb" width="56" height="56" src="gal/kabel.jpg" /></a>

        </div>
    </div>
</div>

@介质和所有（最大宽度：600px）
{
#zmiz{显示：无；}
}
Certifikát
)伊莉，哟

资深大律师

圣彼得堡，公元

---

谢谢

您的id必须以字母开头（至少对于这个CSS问题，即使理论上在HTML5中它不是强制性的）。如果您解决了以下问题，它将起作用：

<div id="a1" class="1_5">
<div id="a2">
  <a class="2_5" href="a.png"><img class="3" width="1" height="2" src="b.png" />AAA</a>
</div>
</div>

@media all and (max-width: 600px) {
#a2 {display:none;}
}

@全部和全部介质（最大宽度：600px）{
#a2{显示：无；}
}

---

请注意，即使现在，如果您不遵循旧的HTML4命名规则，仍然有许多工具、旧浏览器等无法正常工作。

编辑：这个答案解决了一个示例代码片段，其中包含

div id=“2”

Dystroy的答案是正确的：根据规范，ID不能以数字开头；但是，如果出于某种原因您无法更改ID（可能您的所有JavaScript都依赖于它或其他东西），此解决方法确实有效：

CSS
---
@media all and (max-width: 600px) {
    [id='2'] {
        display: none;
    }
}

HTML
----
<div id="a1" class="1_5">
    <div id="a2">
        <a class="2_5" href="a.png"><img class="3" width="1" height="2" src="b.png" />AAA</a>
    </div>
</div>

CSS
---
@全部和全部介质（最大宽度：600px）{
[id='2']{
显示：无；
}
}
HTML
----

（将“结果”部分拖得更宽，以查看div的显示）。

您的代码。另外，为您整理一下：

<div class="row clearfix">
    <div class="fwImage col span_6">
        <div class="ahoj" style="position: absolute; width: 80%;">
            <div class="col span_4 logo_shift" style="line-height: 21px; ">
                <h1>Certifikát</h1>
                <p>)ily <a href="#image-7">linde</a>.Yo.</p>
                <p>Sc.</p>
                <p>St <a href="http://www.fl.com">Gic</a>, ad.</p>
            </div>
        </div>
        <div id="gallery-t-group" class="royalSlider rsDefaultInv">
            <div id="zmiz">
                <a class="rsImg" href="gal/blank.png"><img class="rsTmb" width="56" height="56"src="gal/p.png" /></a>
            </div>
            <a class="rsImg" href="gal/certifikat1.jpg"><img class="rsTmb" width="56" height="56"src="gal/certifikat2.jpg" /></a>
            <a class="rsImg" href="../img/full-width/medium/2.jpg"><img class="rsTmb" width="56" height="56" src="gal/kabel.jpg" /></a>

        </div>
    </div>
</div>

Certifikát
)伊莉，哟

资深大律师

圣彼得堡，公元

最有可能的情况是，您正在覆盖此

显示：无规则在CSS或JavaScript中的其他地方

如果您发布了代码链接，或完整代码和完整CSS，我会看一看。
ID定义不允许以数字开头。也许这是你的问题？我知道，这只是个例子。。。但它不起作用嗨，那个滑块的创建者告诉我：如果你想通过隐藏来移除幻灯片——它不起作用，你应该使用JS。你知道，js应该是什么样子吗？至少也要修复
#1
。）我的ID不是真正的数字，它们只是文本，但在我的html页面上，由于某种原因它不起作用……很难猜测为什么在没有代码的情况下它不起作用。嗨，滑块的创建者告诉我：如果你想通过隐藏来删除幻灯片-它不起作用，你应该使用JS。你知道，js应该是什么样子吗？我的ID不是真正的数字，它们只是文本，但在我的html页面上，由于某种原因它不起作用……嗨，滑块的创建者告诉我：如果你想通过隐藏来删除幻灯片，它不起作用，你应该使用js。你知道，js应该是什么样子吗？当宽度小于600时，你的
zmiz DIV
会隐藏起来。JS中的某些内容正在其上创建一个
DIV
。我建议使用Firebug来调试它，因为我没有时间浏览所有的JS，但是你的CSS规则正在运行。嗨，滑块的创建者告诉我：如果你想通过隐藏来删除幻灯片，它将不起作用，你应该使用JS。你知道，js应该是什么样子吗？