CSS değişikliğinde iki bağlantılar ikisinde de üzerine gelindiğinde

Question

aşağıdaki html var:

<div id="main"> 
    <div id="home" class="section"> 
     <ul> 
      <li class="home_li"><a href="#home" class="goto_home">Home</a></li> 
      <li class="about_li"><a href="#about" class="goto_about">About us</a></li> 
      <li class="contact_li"><a href="#contact" class="goto_contact">Contact</a></li> 
     </ul> 
    </div> <!-- End home --> 

    <div id="nav"> 
     <ul> 
      <li class="home_li"><a href="#home" class="goto_home"></a></li> 
      <li class="about_li"><a href="#about" class="goto_about"></a></li> 
      <li class="contact_li"><a href="#contact" class="goto_contact">Contact</a></li> 
     </ul> 
    </div> <!-- End nav --> 
</div> <!-- End main --> 

Ne yapmaya çalışıyorum biri süpürdü edilirken her iki bağlantıların durumunu değiştirmektir. Örneğin, <div id="home">'un altında 'about' üzerine inersem, her iki bağlantıyı da istiyorum, bu da <div id="nav">'un altında birinin opaklıkla görüntülenmesini sağlar.

Mümkünse JS'den uzak durmaya çalışıyorum. Şimdiye kadar CSS ile yaptığım girişimde yan yana olan seçmenler vardı, ancak bu benim için yeni bir şeydi, bu yüzden işe yarayamadım.

#home .about_li a:hover + #nav .about_li a { 
     opacity: .5; 
    } 

Bu yalnızca CSS ile yapılabilir mi?

DÜZENLEME: cevaplar için

teşekkürler. Bitişik seçicinin çalışabilmesi için HTML'yi nasıl değiştirmem gerekir? Sitenin geri kalanını ciddi bir şekilde etkilemiyorsa (yapının şu ana kadar tamamlanmış hali varsa) bir deneme yapıp birkaç ince ayar yapabilirim.

BAŞKA DÜZENLEME:

Tamam, bu seçicileri hakkında biraz daha okudum ve şimdi anladım. Ana divanın içinde olmanın kardeş olduklarını düşünürdüm: P ve şimdi neden işe yaramadığını görüyorum. Sadece CSS kullanmak için bir geçici çözüm bulabilir miyim ve buraya geri gönderecek mi göreceğiz. a elemanlar birbirlerinin kardeşleri olmadıklarından Aksi takdirde, JS :(

Answer 1

Maalesef, yapı tek başına CSS seçicileri için çok karmaşık olan gidersiniz, ama o kadar üzerinde iç div s, ve.

O

Answer 2

hayır, HTML yapısını değiştirecek, ya değilse jQuery

Answer 3

kullanabilirsiniz. aksi takdirde şans bitti, jQuery gibi JavaScript kütüphaneleri ile çok kolay bu CSS ile yapılamaz Her ne kadar bir grup JS'yi yüklemekten uzak durma çabalarınızı alkışlıyorum, özellikle de ağır ağırlık t kütüphaneleri.