CSS：多くの要素を選択する1つのクラスVS

Question

応答性の高いWebサイトの場合、メディアセレクタで要素をすべて非表示にするのがベストプラクティスですか？例えば。 .hide_on_desktopというクラス（display：none;を設定するクラス）を用意し、そのクラスをHTMLを使ってウェブサイトのいくつかの要素に追加する方が良いでしょうか。

または以下を実行する：上記ケースエレメント1、エレメント2および要素3において

.element1, .element2, #element3{ 
    display: none; 
} 

は既に存在してセレクタ（クラスとID）です。

どのアプローチが大きなウェブサイトに最適ですか？

Answer 1

複数のオブジェクトを非表示にする場合は、非表示のクラスを作成することをお勧めします。ブートストラップは、デバイスの幅に基づいて要素を隠すために、.hidden-xs、.hidden-sm、.hidden-mdなどのクラスを持つことでこれを処理します。

http://getbootstrap.com/css/#responsive-utilities