2017-03-16 73 views
0

对于一个响应式网站,有一个最佳做法是在媒体选择器中完全隐藏/显示元素?例如。最好是有一个名为.hide_on_desktop(它设置display:none;)的类,然后使用HTML将该类添加到网站中的多个元素。CSS:一类VS选择很多元素

还是要做到以下几点:

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

在上述情况下部件1,element2的和元素3是已经存在的选择器(class和id)。

哪种方法最适合大型网站?

+0

您可以显示创建辅助类:无和 –

回答

0

我会建议创建一个隐藏的类,如果你打算隐藏几个对象。引导程序通过使用类:.hidden-xs,.hidden-sm,.hidden-md等来处理此操作,以便根据设备宽度隐藏元素。

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

+1

谢谢,我会接受这个作为正确答案,因为它会使CSS文件更简洁,并因为一切会更容易地添加新元素与那个班级。 –