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?

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

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.

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

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 

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ć.