Изменение свойств второго тега <li>

[SnowWind]

Всем привет.

Подскажите пожалуйста, можно ли изменить высоту второго тэга <li>?

Т.е у меня меню из 4 колонок и мне нужно высоту второго пункта меню увеличить.

Причём движок сайта (joomla) сам назначает id для каждого пункта, и я не знаю какой он будет в следующий раз, а высота второго <li> всегда должна быть выше остальных.

Пытался сделать вот так:

.menu li li {
height: 50px;
}

[lexskal]

непосредственно в странице статично в теге прописать...<li style="height: 50px;">, а идентификатор прописывается для базы данных, что бы знать какое содержимое отражать при загрузке....

[hypnocolor]

http://htmlbook.ru/css/nth-child

[lexskal]

лучше конечно верстку этого элемента посмотреть... так сложно будет наверняка сказать... если оно в загружаемом содержимом и меняется, то так не получится.... если содержимое в нем загружается, то получится)))))

[SnowWind]

Статично прописать, можно если найти исполняемый файл php для меню джумла, в общем то не проблема.

Но я думал может можно так прописать в стилях для второго <li> как сделал я

[/background]
.menu li li {
height: 50px; 

}

ан не работает

[Николя223]

Но я думал может можно так прописать в стилях для второго <li> как сделал я

http://htmlbook.ru/css/nth-child

Либо почти также на jquery/JS класс подцепить

[SelenIT]

Как вариант,

.menu :first-child + li

с чуть более широким охватом браузеров (по идее, должно работать в IE7-8).

Пытался сделать вот так: .menu li li {

это означает "любой li внутри любого li внутри .menu", а мой пример выше "li сразу после первого потомка внутри .menu".