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

Question

[AnnaGrimes]

Здравствуйте, есть большая HTML страница и нужно скрыть абсолютно все элементы но оставить только те, у которых один определённый класс. Все элементы я скрываю с помощью " * {display: none;} " и это работает, а потом, ниже - пытаюсь задать тому классу " display: block; " но он не показывается, видимо из-за того что все его родители в " none ". У элементов с классом который нужно оставить и показывать большая вложенность. Как быть? Спасибо!

Comments

[iBird Rose]

никак. переделывай логику того что ты хочешь сделать.

[AnnaGrimes]

iBird Rose: блин, :( а может быть можно как-нибудь сделать всех родителей одного элемента "display: block" по быстренькому?

[iBird Rose]

Anna Grimes: варианты есть. вон уже ниже предложили - но это все херня. у вас логика не правильная и это все один большой костыль. не нужно так делать

Answer 1

[Alexander Belov]

Если родителю задаёте display: none, то вложенные блоки невозможно отображать через это свойство.
Как альтернативу в некоторых случаях можно использовать visability: hidden / visible, но это свойство оставит в потоке элемент, просто скроет его видимость, в то время, как display: none уберёт элемент из потока, не сохраняя его место.

Comments

[AnnaGrimes]

О, а с "visibility" всё работает так, как нужно! :) Спасибо!

Answer 2

[Ivan Bogachev]

Можно на JS найти всех родителей и сделать им display: block - codepen

Comments

[AnnaGrimes]

Я знаю про это но тут понимаешь, кручу-верчу всё это дело я там, где JS невозможно применить. Была бы моя воля то я бы "simple_html_dom.php" воспользовалась. Пытаюсь автоматизировать тут кое что просто. В любом случаи - спасибо!