Можно использовать селекторы CSS в сочетании с JavaScript.
Основные подходы:
:not(:visible) псевдокласс (нестандартный)**: Хотя стандарт CSS не имеет прямого селектора для "невидимого", некоторые фреймворки и библиотеки (например, jQuery) предлагают свои реализации или можно создать пользовательскую логику. Этот подход скорее концептуальный для пояснения.display: none, visibility: hidden или opacity: 0 (если они не являются родительским элементом для видимых потомков).javascript
:hidden.javascript
Важно: При использовании нативного JavaScript, проверка opacity: 0 требует аккуратного анализа, чтобы не включить в список скрытых элементов родителей, у которых лишь один из потомков имеет opacity: 0, но сам родитель и другие потомки видимы. Также стоит учитывать, что элемент может быть скрыт из-за размера (width/height 0) или положения за пределами вьюпорта, но это уже не является прямым CSS-свойством "скрытость".