Родитель Hidden но дочерний элемент остается видимым

Question

У меня есть ситуации, когда мой родительский элемент имеет стиль как видимость: скрытый и внутренний образ имеет visibility : visible

Мои ожидания происходит потому, что родитель имеет видимость скрытый ребенок не должен быть видимый. Я видел вопросы, подобные этому раньше, но я ожидал немного подробного объяснения

Пожалуйста, перейдите по указанному ниже скрипке

https://jsfiddle.net/raviteja_avvari/x20hhje9/

Answer 1

Да, это потому, что у Вас есть видимый элемент внутри невидимого одного, чтобы контролировать вам необходимо будет выбрать следующий класс

.parent .child { 
Css codes 
} 

Наконец, используйте дисплей: нет; вместо видимости