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?
CSS tarafında sizin ilk mesajınızda bahsettiğiniz şekilde bir seçici ne yazık ki yok. Ancak dediğim gibi yan elemanı seçerek bunu sıralı kullanım için uygun hale getirebiliriz. Ancak yukarıdaki html kod yapısının değişmesi gerekiyor.
Örneğin aynı görüntüyü verecek şekilde genel bir a elemanı düşünüp içine p ve b elemanı aynı seviye olarak eklenerek p ye hover yapıldığında + seçicisi ile yanındaki b elemanı yakalanbilir.
Jquery'de tek satır kod yazıp bunu html içinde çoğaltarak kullanabileceğimiz birçok yöntem de mevcut. Örnek verecek olursak ".next" ve ".find" seçicilerini kullanarak yukarıdaki html yapısında hover yakalanarak p elemanına özellik atanabilir. Bu yapıyı kopyala yapıştır ile çoğalttığımızda her html yapısı için çalışıyor durumda kalacaktır. Yukarıdaki html yapısında istediğiniz hover yakalaması sadece css ile "eğer bilgim eksik değilse" mümkün değil. Ama dediğim gibi css'de her zaman alternatif yollar mevcuttur. Görsel bir çıktı olsaydı o görseli farklı bir html css yapısı ile oluşturup hover yakalamayı da sağlayacak bir css kodu mutlaka yazılabilirdi.
Ek olarak yukarıdaki html yapısında amacımız p etiketine hover olunca değil de "a" class değerine sahip div elemanına hover olunca olsaydı css ile çözmek mümkündü. O da şöyle ki .a:hover + .b {color:red} a elemanına hover yapıldığında sonraki b elemanını yakala ve kodları uygula demiş olduk. Ancak a elemanının içindeki herhangi bir şeye hover yapıldığında b yi yakalayıp uyguluyor olacaktık.