“CSS mempengaruhi elemen lain pada hover” Kode Jawaban

Saat mengarahkan elemen berbeda target

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

CSS mempengaruhi elemen lain pada hover

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

Tense Tarantula

css melayang mengubah elemen lain

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

Elated Elephant

Lakukan tindakan pada hover pada elemen lain

#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

Jawaban yang mirip dengan “CSS mempengaruhi elemen lain pada hover”

Pertanyaan yang mirip dengan “CSS mempengaruhi elemen lain pada hover”

Lebih banyak jawaban terkait untuk “CSS mempengaruhi elemen lain pada hover” di CSS

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya

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