/CSS/Can a div change an item in another div css

Can a div change an item in another div css

/*You can only go to the immediately next sibling (with +) or to any next sibling (with ~).
It is not possible to go up the HTML tree (to the parent). So it would be possible to go
from a hover over .beta to a child of .alpha, if you switch the their position in the HTML DOM
(.beta before .alpha). So, see this example:*/

/*Css*/

.alpha {
  position:relative;
  background-color:red;
  width:100px;
  height:50px;
}

.alpha .more {
  position:absolute;
  top:40%;
  left:40%;
  display:none
}

.beta {}

.beta:hover + .alpha .more {
  display:block;
}

/*Html*/

<div class="beta">
  <h3>Make hover</h3>
</div>

<div class="alpha">
  <span class="more">Hello</span>
</div>

Source: stackoverflow.com

Similar codes

0 vote198 views1 answer
Html click through image
CSS
3 votes165 views3 answers
Website gradient
CSS
12 votes186 views4 answers
Hover on one div affect another
CSS
40 votes215 views4 answers
Center on page css
CSS
0 vote164 views1 answer
Laravel css image url
CSS
11 votes390 views2 answers
How to remove up and down arrows from input type number
CSS
22 votes185 views2 answers
Disable user select css
CSS
4 votes205 views3 answers
Mobile tablet desktop media queries
CSS
2 votes192 views2 answers
Css content image
CSS
0 vote186 views1 answer
Change the bullet point color css
CSS