Breaking News: Grepper is joining You.com. Read the official announcement!

can a div change an item in another div css

Anxious Aardvark answered on November 12, 2020 Popularity 3/10 Helpfulness 3/10

answer can a div change an item in another div css

can a div change an item in another div css

Comment

/*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>

Popularity 3/10 Helpfulness 3/10 Language css

Source: stackoverflow.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Nov 12 2020

Anxious Aardvark

0 Answers Avg Quality 2/10

can a div change an item in another div css

Contents

More Related Answers

can a div change an item in another div css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.