1 
.PaneToBehiddenForMobile
    {
        display: none;
    }

DnnModule-ListBlogByCategory

次のクラス PaneToBehiddenForMobile を持つ div があります。 DnnModule-ListBlogByCategory を持つ内部 div があります。

<div class="PaneToBehiddenForMobile">
    <div class="DnnModule-ListBlogByCategory">

    </div>
 <a ...></a>
 <table>....</table>
    <div class="XYZ">

    </div>
    <div >

    </div>
</div>

css で、PaneToBehiddenForMobile可視性を none に設定して、この中のすべての div と要素が非表示になるようにしました

今私が望んでいたのは、クラスDnnModule-ListBlogByCategoryを持つ特定の div が表示され、他のすべてが同じ動作をすることですどうすれば css だけでそれを行うことができますか

4

3 に答える 3

4

PaneToBehiddenForMobilediv 自体を非表示にする代わりに、div内のすべての div を非表示にして、必要な div のみを表示できます。そのための CSS スニペットを次に示します。

.PaneToBehiddenForMobile div {
    display: none;
}

.PaneToBehiddenForMobile .DnnModule-ListBlogByCategory {
    display: block !important;
}
于 2013-07-25T07:49:32.890 に答える
3

個人的には:not()疑似セレクター (CSS3) を使用します。そのようです：

.PaneToBehiddenForMobile div:not(.DnnModule-ListBlogByCategory){
    display:none;
}

作業例: http://jsfiddle.net/zMfdQ/

もちろん、モバイル ビューにのみ適用されるように、メディア セレクターまたはサーバー側で送信する CSS を選択する必要があります。

HTHニック

于 2013-07-25T08:17:20.940 に答える
0

次のように使用できます。

@media (max-width: 320px) {
.PaneToBehiddenForMobile
    {
        display: none;
    }
}
于 2013-07-25T07:54:30.347 に答える