-1

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

谢谢

4

3 回答 3

3

您的 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 id 的约束应该更少，但如果您不遵循旧的 HTML4 命名规则，仍有许多工具、旧浏览器等无法正常工作。

于 2013-05-30T12:07:58.643 回答
0

您的代码适用于 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>

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

如果您发布指向您的代码的链接，或者您的完整代码和完整的 CSS，我会看一下。

于 2013-05-30T12:43:13.307 回答
0

编辑：这个答案解决了一个示例代码片段，其中包含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>

此处的工作演示（将“结果”部分拖得更宽以查看 div 出现）。

于 2013-05-30T12:11:24.480 回答