CSS文字隱藏后怎么顯示

在CSS中，你可以使用visibility屬性來(lái)隱藏或顯示文字，如果你想讓隱藏的文字重新顯示出來(lái)，你可以將visibility屬性設(shè)置為visible。

假設(shè)你有一個(gè)段落，并且你想讓這個(gè)段落中的文字在加載時(shí)隱藏，然后在加載完成后顯示出來(lái)，你可以使用以下的CSS代碼來(lái)實(shí)現(xiàn)：

p {
  visibility: hidden;
}
body:is(:not(.loading)) p {
  visibility: visible;
}

在這個(gè)例子中，.loading是一個(gè)假設(shè)的類，它表示頁(yè)面正在加載，當(dāng)頁(yè)面加載完成時(shí)，.loading類會(huì)被移除，然后段落中的文字就會(huì)顯示出來(lái)。

這種方法只在支持CSS動(dòng)畫和過(guò)渡效果的瀏覽器上有效，如果你需要支持舊版本的瀏覽器，你可能需要使用JavaScript來(lái)檢測(cè)加載狀態(tài)，并動(dòng)態(tài)地添加或移除.loading類。

如果你只是想讓文字在特定條件下顯示，比如當(dāng)用戶點(diǎn)擊一個(gè)按鈕時(shí)，你可以使用JavaScript來(lái)添加或移除.loading類，這樣，你就可以根據(jù)需要來(lái)控制文字的顯示了。