efek hover css

gan nanya dong gw mau kasih efek tulisan warna merah di class dua pas kita ngehover class satu. gmn ya caranya?

css html

@wandifrog

274 Kontribusi 56 Poin

Diperbarui 7 tahun yang lalu

5 Jawaban:

*gan berikutnya taro kode di tag kode, bukan sebagai gambar

.satu:hover dua{
 color:red;
}

@hilmanski

2672 Kontribusi 2132 Poin

Dipost 7 tahun yang lalu

masih belum bisa. tapi yg saya pengen antara class dengan class apakah ga bisa??

@wandifrog

274 Kontribusi 56 Poin

Dipost 7 tahun yang lalu

*gan sekali lagi pake tag code, bukan gambar kalo mau taro kode, biar yang lain bisa copypaste buat nyoba buat pertanyaan agan yang benar pake tanda + , jadi


satu:hover + dua{ .. }

@hilmanski

2672 Kontribusi 2132 Poin

Dipost 7 tahun yang lalu

<style>
	.img {
		width: 450px;
		height: 360px;
		background-image: url(calc.jpg);
	}

	.button {
		width: 100px;
		height: 50px;
		background-color: cadetblue;
	}

	.button:hover {
		background-color: crimson;
	}

	.button:hover + .img{
	background-image: url(calc2.jpg);
	}
</style>

<div class="img"></div>
<div class="button">adssad</div>

gan pas hover buttonnya ko imagenya g berubah ya

@wandifrog

274 Kontribusi 56 Poin

Dipost 7 tahun yang lalu

Jawaban Terpilih

belajar lagi gan diulang-ulang bagian ini https://www.sekolahkoding.com/kelas/belajar-css-dari-dasar/video/selektor-bagian-kedua

/*--  kalo div2 ada di dalem div 1 langsung --*/
#div1 > #div2 { background-color: yellow; }

/*--  kalo div2 ada SETELAH div1 langsung --*/
#div1:hover + #div2 { background-color: yellow; }

/*--  kalo div2 ada di dalem div 1 (walaupun tidak langsung) --*/
#div1:hover #div2 { background-color: yellow; }

@hilmanski

2672 Kontribusi 2132 Poin

Dipost 7 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

efek hover css

Kelas Premium!
Belajar bikin website dari nol sekarang