@AnnaGrimes

Как сделать все элементы на странице «display: none» и только один класс оставить «block»?

Здравствуйте, есть большая HTML страница и нужно скрыть абсолютно все элементы но оставить только те, у которых один определённый класс. Все элементы я скрываю с помощью " * {display: none;} " и это работает, а потом, ниже - пытаюсь задать тому классу " display: block; " но он не показывается, видимо из-за того что все его родители в " none ". У элементов с классом который нужно оставить и показывать большая вложенность. Как быть? Спасибо!
  • Вопрос задан
  • 387 просмотров
Решения вопроса 1
AlexanderBelov
@AlexanderBelov
Frontend developer
Если родителю задаёте display: none, то вложенные блоки невозможно отображать через это свойство.
Как альтернативу в некоторых случаях можно использовать visability: hidden / visible, но это свойство оставит в потоке элемент, просто скроет его видимость, в то время, как display: none уберёт элемент из потока, не сохраняя его место.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Можно на JS найти всех родителей и сделать им display: block - codepen
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы