CSS是前端界必不可少的一門技術，它可以控制網頁的樣式和布局。在實際開發中，經常需要通過CSS來隱藏或顯示某些元素。下面我們來分別講解CSS如何做到隱藏和顯示元素。

/* 隱藏元素 */
[class^=hidden] {
display: none;
}
/* 顯示元素 */
[class^=visible] {
display: block;
}

對于需要隱藏的元素，我們可以使用CSS中的"display: none;"屬性。上述代碼中，我們定義了一個以"hidden"開頭的class，當元素的class以"hidden"開頭時，該元素就會被隱藏。如果要顯示元素，我們可以使用"display: block;"屬性。同樣地，上述代碼中我們定義了一個以"visible"開頭的class，當元素的class以"visible"開頭時，該元素就會被顯示。

需要注意的是，使用"display: none;"屬性會將元素從文檔流中完全移除，該元素在頁面中不會占據任何空間。而"display: block;"屬性則會將元素恢復成塊級元素，它會占據一行的全部寬度，并且允許設置寬度和高度。

本篇文章簡單介紹了CSS中隱藏和顯示元素的方法。對于具有特殊需求的開發者，還可以使用"visibility: hidden;"屬性來隱藏元素，該屬性會將元素隱藏在頁面上，但是它仍然占據空間。這里就不再贅述，有興趣的讀者可以自行學習。