CSS: Eine Klasse VS Auswahl vieler Elemente

Question

Für eine responsive Website gibt es eine Best Practice, um Elemente in einem Medienselektor vollständig zu verstecken/anzuzeigen? Z.B. ist es besser, eine Klasse mit dem Namen .hide_on_desktop zu haben (die display: none;) und dann diese Klasse mehreren Elementen in der Website mittels HTML hinzuzufügen.

Oder folgendes zu tun:

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

Im obigen Fall element1, element2 und element3 sind Selektoren (Klassen und IDs), die bereits existieren.

Welcher Ansatz ist am besten für eine große Website geeignet?

Answer 1

Ich würde vorschlagen, eine versteckte Klasse zu erstellen, wenn Sie mehrere Objekte ausblenden möchten. Bootstrap bewältigt dies mit Klassen: .hidden-xs, .hidden-sm, .hidden-md, etc .. um Elemente basierend auf der Gerätebreite zu verbergen.

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