CSS僞類如：empty，但也忽略隱藏的子元素

Question

:empty pseudo-class表示任何根本沒有子元素的元素。是否有類似的僞類表示沒有可見子項的元素（忽略display設置爲none）？

如果沒有這樣做的僞類，有沒有辦法使用CSS來實現這種過濾？

Answer 1

CSS選擇是一個單向樹。一旦你回到孩子身邊，你不能再對父母採取行動。

您需要檢查所有孩子的display: none;屬性，以瞭解它們是否全部隱藏。您可以選擇所有隱藏的孩子，如：<parent tag> *[display=none]。但是，無法知道全部孩子是否隱藏，並且一旦識別了隱藏的孩子，就無法重新選擇父母。

爲了做到這一點，您需要使用JavaScript。看到這個：Check if all children elements are hidden