Bir üst elemanı seçebileceğiniz bir seçici henüz yok, alternatif yerleşimler ile aynı seviyedeki elemanı yakalayabilirsiniz yukarıda arkadaşlar bahsetmiş zaten. Ya da basit bir js kodu kullanarak yapabilirsiniz bunu.
Aşağıdaki kodu jquery kütüphanesi ile çalıştırırsanız a class değerine sahip div elemanının içinde p tagına hover yapıldığında, herhangi bir yerdeki b classına sahip div elemanına current classı eklenecektir. Current'e de css içinde vereceğiniz özellikler tanımlanacaktır. Hover işlemi bittiğinde özellik kalkar.
$(function(){
var a = 0;
$('.a p').hover(function(){
$('.b').toggleClass("current");
});
});
Hocam teşekkür ederim, javascript ile evet yapabiliyorum fakat bunun ideali bu mudur? imzanızdan anladığım kadarıyla sizde sektördesiniz, bende kendi çapımda frontend tasarımlar dökmeye çalışıyorum fakat yeri geliyor bazı işlerde birbirinden bağımsız yerlerin birbirinin css'ini değiştirmesi gerekiyor fakat o değiştirecek yer de hardcode değil.
Misal bir menü elemanının üzerine gelince spesifik bir div'in rengi değişecek diyelim.
Bunu js'de yapmak için bu iki elemanı birbirine tanımlayacağız, tamam buraya kadar, ama ya ertesi gün bu adamlar buna backend yazınca, menü elemanları değişince, o zaman bu adamlara siz html'i değiştirirken js'ye açtığınız divlerin id'sini de mi yazın diyeceğiz? menü elemanının sayısı değişir birçok unsur var yani hardcode yapmamam gerekir, bu durumda ne önerirsiniz?