-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 が ID に依存しているなど)、次の回避策が有効です。

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 に答える