[HTML]Zwrotne oddziaływanie w kaskadowości CSS Opcje

[divx_divine]

Witam. Mam pewien oto przypadek:

[HTML] pobierz, plaintext 
<div id="header">
<div id="nav">
<ul>
<li>punkt 1</li>
<li>punkt 1</li>
<li>punkt 3</li>
</ul>
</div>
</div>
[HTML] pobierz, plaintext 

Chcę, aby po najechaniu na 1 punkt w liście zmieniła się wysokość headera, ale nie mam pojęcia jak oddziałowywać zwrotnie w kaskadowości CSS. Proszę o pomoc.

[Sephirus]

Obawiam się, że to działa w jedną stronę - i nie jest to kaskadowość a bardziej dziedziczenie - kaskadowość w CSS oznacza coś innego. Jedyne IMHO rozwiązanie to JS, dla ułatwienia proponuję jQuery:

[JAVASCRIPT] pobierz, plaintext 
$('#nav li:first').mouseover(function () {$('#header').css('height','100px');});
$('#nav li:first').mouseout(function () {$('#header').css('height','50px');});
[JAVASCRIPT] pobierz, plaintext 

Czy jakoś tak (IMG:style_emoticons/default/wink.gif)

EDIT: błąd

Ten post edytował Sephirus 19.11.2012, 16:34:47

[divx_divine]

Obawiam się, że to działa w jedną stronę - i nie jest to kaskadowość a bardziej dziedziczenie - kaskadowość w CSS oznacza coś innego. Jedyne IMHO rozwiązanie to JS, dla ułatwienia proponuję jQuery:

[JAVASCRIPT] pobierz, plaintext 
$('#nav li:first').mouseover(function () {$('#header').css('height','100px');});
$('#nav li:first').mouseout(function () {$('#header').css('height','50px');});
[JAVASCRIPT] pobierz, plaintext 

Czy jakoś tak (IMG:style_emoticons/default/wink.gif)

EDIT: błąd

W takim razie jak umieścić ten kod i czy mógłby ktoś wyjaśnić jak on dokładnie działa.

@edit
Okej, wszystko już zrozumiałem. Mam teraz tylko problem by oddziaływać wyłącznie na te li, które pod sobą mają jeszcze ul.

Ten post edytował divx_divine 13.01.2013, 20:46:11