I would like to ask you how to display parent-sibling div when parent-child hover I have this arrangement:
<div id="parent">
<div id="child1">text1<div>
<div id="child2">text1<div>
.
.
.
</div>
<div id="sibling1>heading1</div>
<div id="sibling2>heading2</div>
.
.
.
Siblings are display:none and I need to display:unset right div:
child1:hover lead to display:unset for sibling1 and so on
I tried:
1) #child1:hover ~ #sibling1{display:unset;}
2) #parent #child1:hover ~ #sibling1{display:unset;}
3) #parent>#child1:hover ~ #sibling1{display:unset;}
4) #parent>#child1:hover + #sibling1{display:unset;}
Thank you for every good idea