父隐藏但子元素仍然可见

Question

我的情况是我的父元素的样式为visibility：hidden而内部图像有visibility : visible

我的期望是因为父母的可见性隐藏了孩子不应该是可见的。我之前见过类似的问题，但我期待一些详细的解释

请参阅以下小提琴

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

Answer 1

是的，那是因为你在一个看不见的元素中有一个可见元素，为了控制它你需要创建一个nexted类选择

.parent .child {
Css codes
}

最后，使用display：none;而不是可见性