vznášať sa na jednej div ovplyvniť ďalšie
//cube is directly inside the container:
#container:hover > #cube { background-color: yellow; }
//cube is next to (after containers closing tag) the container:
#container:hover + #cube { background-color: yellow; }
//If the cube is somewhere inside the container:
#container:hover #cube { background-color: yellow; }
//If the cube is a sibling of the container:
#container:hover ~ #cube { background-color: yellow; }
vykonať akciu na vznášať sa na iný prvok
#container:hover ~ #cube { background-color: yellow; }
na hover zobraziť ďalšie div css
.showme {
display: none;
}
.showhim:hover .showme {
display: block;
}
<div class="showhim">HOVER ME
<div class="showme">hai</div>
</div>