CSS seçim
<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
}
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>