ある要素をモバイルでは表示、PCでは非表示にするCSS記述方法

[junya0909]

いつもお世話になっております。
ESCENAを利用しています。

ある要素をモバイルでは表示し、PCでは非表示にしたいときはどのように記述すればよろしいでしょうか？

逆パターンのモバイル非表示、PCでは表示の場合は下記のような記述でできているのですが、モバイルでは表示、PCでは非表示の記述方法がわからずご教示頂ければ幸いでございます。

【モバイル非表示、PCでは表示したいとき】
.mb #sample {
display: none;
}

#sample {
margin: *******;
}

[DigiPress サポート]

同じにように.mbクラスを利用して以下のようにすれば対応できるのではないでしょうか。

.sample {
    display:none;
}
.mb .sample {
    display:block;
    /* ↑または display:inline; や display:inline-block; など */
    margin:5px;
}

※IDではなく、classを利用してください。
※.mb付きは後に定義してください。

[投稿者]

投稿