“CSS Passe o mouse, mude outro elemento” Respostas de código

Como mudar outro elemento no passeio

// If the cube is directly inside the container:
#container:hover > #cube { background-color: yellow; }

// If 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; }
Rohan

Em Passe

.showme {
  display: none;
}

.showhim:hover .showme {
  display: block;
}


<div class="showhim">HOVER ME
  <div class="showme">hai</div>
</div>
Lokesh003Coding

CSS Passe o mouse, mude outro elemento

#a:hover ~ #b {
    background: #ccc
}

<div id="a">Div A</div>
<div>random other elements</div>
<div>random other elements</div>
<div>random other elements</div>
<div id="b">Div B</div>
Modern Mouse

Você pode controlar outra div no Hover CSS

#a:hover + #b {
    background: #ccc
}

<div id="a">Div A</div>
<div id="b">Div B</div>
Vast Vulture

CSS Passe o mouse mudar outro elemento

#container:hover > #cube { background-color: yellow; }
Elated Elephant

CSS Passe o mouse, mude outro elemento

#a:hover + #b {
    background: #ccc
}

<div id="a">Div A</div>
<div id="b">Div B</div>
Modern Mouse

Respostas semelhantes a “CSS Passe o mouse, mude outro elemento”

Perguntas semelhantes a “CSS Passe o mouse, mude outro elemento”

Mais respostas relacionadas para “CSS Passe o mouse, mude outro elemento” em CSS

Procure respostas de código populares por idioma

Procurar outros idiomas de código

Shell/Bash
C#
C++
C
CSS
HTML
Java
JavaScript
Objective-C
PHP
Python
Sql
Swift
Ruby
TypeScript
Go
Kotlin
Assembly
R
VBA
Scala
Rust
Dart
Elixir
Clojure
Haskell
Matlab
Erlang
Cobol
Fortran
Scheme
Perl
Groovy
Lua
Julia
Delphi
Abap
Lisp
Prolog
Pascal
ActionScript
Basic
Solidity
PowerShell
GDScript
Excel