CSS可以實現判斷元素的顯示與隱藏，這在Web開發中非常常見。有時候我們需要根據特定情況從頁面中刪除某一部分內容，或者基于用戶狀態來顯示或隱藏某些元素。下面我們將介紹如何使用CSS實現這個過程。

.hidden {
display: none;
}

通常我們需要根據條件來判斷元素是否隱藏，以下是其中一種方式：

if (condition === true) {
document.querySelector('.element').classList.add('hidden');
} else {
document.querySelector('.element').classList.remove('hidden');
}

上面的代碼中，我們使用JavaScript代碼來獲取元素節點（使用querySelector API），并將特定類名“hidden”添加或刪除以決定元素是否隱藏。當頁面渲染時，CSS選中帶有“hidden”類名的元素并將其隱藏。

CSS判斷元素是否隱藏也可以使用偽類選擇器，例如：

.element:not(.hidden) {
// CSS樣式
}

上面的代碼塊選擇了所有帶有“element”類，但沒有“hidden”類的元素，并應用了某些CSS樣式。

總的來說，CSS的顯示與隱藏功能非常有用，可以用于創建動態交互，優化體驗，提高頁面性能等。借助JavaScript，我們可以基于用戶行為、設備類型或其他條件來控制元素的顯示與隱藏，實現更好的用戶體驗。