javascript - Parent Hidden but Child element is still visible -

i have situation parent element has style visibility : hidden , inner image has visibility : visible

my expectation because parent has visibility hidden child should not visible. have seen questions similar before expecting detailed explanation

please refer below fiddle

yes, that's because having visible element inside invisible one, control need create nexted class selection

.parent .child { css codes }

finally, use display:none; instead of visibility

Abdulaziz