v2.5.2
Giriş yap

CSS seçim

iamefe
646 defa görüntülendi
<div class="purpose"></div>
<div class="container">
    <div></div>
    <div></div>
    <div></div>
</div>

CSS'de container icindeki bir div'e hover olduğunda purpose'un style'ini değiştirmek istiyorum ama nasıl seçeceğimi bilmiyorum.

.container div:hover "purpose gelecek" {
    style
}
tayfunerbilen
1253 gün önce

css'de parent'ı ya da öncesini seçme durumu olmadığı için yapamazsın :) jquery ile şöyle bir şey yapabilirsin

<div class="purpose">başka bir div</div>
<div class="container">
    <div>1. div</div>
    <div>2. div</div>
    <div>3. div</div>
</div>

<style>
.purpose.active {
	background-color: lime;
}
</style>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$('.container div').on('mouseover', function() {
	$('.purpose').addClass('active');
}).on('mouseleave', function() {
	$('.purpose').removeClass('active');
});
</script>