hover z jednego <a> do drugiego <a> Opcje

[HBK]

Hej,

Mam taką sytuację:

Jest sobie jeden link:

[HTML] pobierz, plaintext 
<a href="#"><img src=""></a>
[HTML] pobierz, plaintext 

i drugi:

[HTML] pobierz, plaintext 
<a href="#">link 1</a>
[HTML] pobierz, plaintext 

Jak zrobić żeby najeżdżając na obrazek z pierwszego linka podświetlił się hover z drugiego linka?

[viking]

Kaskadowe arkusze jak nazwa wskazuje obsługują podstruktury DOM więc bez JS tego nie zrobisz.

[sunpietro]

niestety, tak jak viking napisał, bez JS to nie uda się uzyskać efektu. Jeden element musiałby się zawierać w drugim, aby uzyskać pożądany efekt. Lecz link w linku nie ma racji bytu. Musisz skorzystać z JS.

[HBK]

Rozwiązałem to przy pomocy onMouse ale wolałbym to w jQuery...


Pierwszy link:

[HTML] pobierz, plaintext 
<a onMouseOver="document.getElementById('col1').style.color='red'" onMouseOut="document.getElementById('col1').style.color='#fff'" href="#" title=""><img width="100" height="100" src="#" alt="" title="" /></a>
 
<a onMouseOver="document.getElementById('col2').style.color='red'" onMouseOut="document.getElementById('col2').style.color='#fff'" href="#" title=""><img width="100" height="100" src="#" alt="" title="" /></a>
 
<a onMouseOver="document.getElementById('col3').style.color='red'" onMouseOut="document.getElementById('col3').style.color='#fff'" href="#" title=""><img width="100" height="100" src="#" alt="" title="" /></a>
[HTML] pobierz, plaintext 

Drugi link:

[HTML] pobierz, plaintext 
<a id="col1" href="#" title=""><p>#</p></a>
 
<a id="col2" href="#" title=""><p>#</p></a>
 
<a id="col3" href="#" title=""><p>#</p></a>
[HTML] pobierz, plaintext 

Może podjąłby się ktoś przerobienia tego na jQuery?


Z góry przepraszam moderatora temat z CSS zszedł na JS

[Rewil]

linki wsadź do diva o class="przelec", onmouseover, out wywal. W jquery:

[PHP] pobierz, plaintext 
$(".przelec a").hover(
  function () {
    $(this).css('color','red');
  }, 
  function () {
    $(this).css('color','#fff');
  }
);
[PHP] pobierz, plaintext 

[prowseed]

Jak to się nie da w css? A selektory sąsiadów? Na przykład a:hover + a {} albo a:hover ~ a.klasa {}. Co prawda nie testowałem tego, ale z logicznego punktu widzenia powinno grać.