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.

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

EDIT: błąd

W CSS też się da, ale... tylko w CSS4, czyli w skrócie na dzień dzisiejszy się nie da. Ale warto wiedzieć, ze gdy przyjdzie Ci to zrobić za kilka lat coś takiego już będzie.

Do poczytania: http://dev.w3.org/csswg/selectors4/

Nie ma i nie będzie czegoś takiego jak CSS4. Wszystko po CSS 2.1 nazywa się CSS3.

Niby dlaczego ma nie być? Skąd te informacje? Logiczne jest, że numeracja idzie w górę i po pewnym czasie raczej na pewno zobaczymy CSS4. Poza tym to akademicka dyskusja.

http://www.xanthir.com/b4Ko0
W skrócie: każdy moduł css ma osobną numeracje wersji i nie będzie zmiany wersji całego css.

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.