CSS是一種用于控制文檔樣式的語(yǔ)言，它可以對(duì)HTML頁(yè)面中的元素進(jìn)行各種樣式設(shè)定。

在HTML中，我們有時(shí)候需要控制元素的顯示和隱藏，這時(shí)候可以使用CSS中的display屬性。

/* 隱藏元素 */
.hidden {
display: none;
}
/* 顯示元素 */
.show {
display: block;
}

以上代碼中，我們使用了display屬性將class名為hidden的元素隱藏起來(lái)，而將class名為show的元素顯示出來(lái)。

但是，如果我們需要讓一個(gè)最初為隱藏的元素在特定的條件下顯示出來(lái)，應(yīng)該怎樣處理呢？

/* 不顯示元素 */
.hidden {
display: none;
}
/* 顯示元素 */
.show {
display: block;
}
/* 條件下顯示元素 */
.conditional {
display: none;
}
.conditional.show {
display: block;
}

以上代碼中，我們新增了一個(gè)class名為conditional的元素，并將其默認(rèn)設(shè)置為隱藏狀態(tài)。當(dāng)需要顯示此元素時(shí)，我們只需要為其添加show的class名即可。

通過(guò)CSS的display屬性，我們可以方便地控制元素的顯示和隱藏，從而更好地控制HTML頁(yè)面的外觀和行為。