在前端開發中，經常遇到需要根據不同條件來顯示或隱藏元素的場景，而 CSS 提供了一個非常方便的方式來實現這一功能 —— 條件隱藏。

.conditional-hide {
display: none;
}
@media(min-width: 768px) {
.conditional-hide {
display: block;
}
}

在上面的示例中，我們使用了@media查詢來實現條件隱藏。在默認情況下，.conditional-hide元素的display屬性被設置為none，因此它不會在頁面上顯示。但是，當瀏覽器寬度大于等于 768 像素時，.conditional-hide元素的display屬性被設置為block，使得它可以顯示在頁面上。

除了上面的示例，還可以使用其他方式來實現條件隱藏。比如，使用:hover偽類，當用戶鼠標懸停在某個元素上時，顯示另一個元素；或者使用 JavaScript 來動態地添加或刪除元素的class屬性。

總之，在前端開發中，條件隱藏是一個非常常見且有用的技巧，可以幫助我們更加靈活地處理元素的顯示與隱藏。