“Le CSS affecte d'autres éléments sur le plan de volant” Réponses codées

Lorsqu'il oscille l'élément différent cible

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

Helpless Hippopotamus

Le CSS affecte d'autres éléments sur le plan de volant

#container:hover ~ #cube { background-color: yellow; }

Tense Tarantula

CSS Hover change un autre élément

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

Elated Elephant

faire de l'action sur un autre élément

#container {
  width: 200px;
  height: 30px;
  border: 1px solid var(--c);
  --c:red;
}
#container:hover {
  --c:blue;
}
#container > div {
  width: 30px;
  height: 100%;
  background-color: var(--c);
}

DevLorenzo

Réponses similaires à “Le CSS affecte d'autres éléments sur le plan de volant”

Questions similaires à “Le CSS affecte d'autres éléments sur le plan de volant”

Plus de réponses similaires à “Le CSS affecte d'autres éléments sur le plan de volant” dans CSS

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code

Shell/Bash

C++

CSS

HTML

Java

JavaScript

Objective-C

PHP

Python

Sql

Swift

Ruby

TypeScript

Kotlin

Assembly

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