2017-03-16 105 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文件更簡潔,並因爲一切會更容易地添加新元素與那個班級。 –