Question

你知道如何在另一个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>

由于

Answer 1

你的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;}
}

http://jsbin.com/ehuker/1/edit

请注意，即使现在HTML5 ids are supposed to be less constrained，仍有许多工具，旧版浏览器等，如果您不遵循旧的HTML4命名规则，这些工具也无法正常工作。

Answer 2

修改：此回答解决了一个包含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>

Working demo here（将＆＃39;结果＆＃39;部分拉得更宽，看看div出现了。）

Answer 3

您的代码works on fiddle。另外，为你整理一下：

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

最有可能的是，您正在覆盖CSS或JavaScript中其他地方的display:none;规则。

如果你发布了代码的链接，或者你的完整代码和完整的CSS，我会看看。

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

3 个答案: