Отображение <li> в зависимости от наличия в нем вложенного <ul>

[Squidward]

Нужно, чтобы у тех li, которые содержат вложенные ul, при условии :hover были свои стили CSS, отличные от тех li, которые не содержат вложенных ul. Можно ли это сделать средствами CSS? Если нет, подскажите, как это делается Яваскриптом. Просто для этих li при наведении фон нужен другой.

[gordi]

Напишите для меню стили типа:

li {background-color:#c9c;color:#a00;}
li li {background-color:#ccc;color:#000;}
li li:hover {background-color:#000;color:#fff;} 

[hedgehog]

Нужно, чтобы у тех li, которые содержат вложенные ul, при условии :hover были свои стили CSS, отличные от тех li, которые не содержат вложенных ul. Можно ли это сделать средствами CSS? Если нет, подскажите, как это делается Яваскриптом. Просто для этих li при наведении фон нужен другой.

А есть возможность повесить класс на такой li? Обычно CMS вешают классы на элементы меню, которые содержат подменю.

[Squidward]

Напишите для меню стили типа:

li {background-color:#c9c;color:#a00;}
li li {background-color:#ccc;color:#000;}
li li:hover {background-color:#000;color:#fff;} 

И как это должно помочь?

А есть возможность повесить класс на такой li?

Нет, иначе бы я не спрашивал.

[Softlink]

А меню горизонтальное или вертикальное?

[psywalker]

Напишите для меню стили типа:

li {background-color:#c9c;color:#a00;}
li li {background-color:#ccc;color:#000;}
li li:hover {background-color:#000;color:#fff;} 

И как это должно помочь?

А как не должно? Ты так описал задачу.

Приведи скрины с примерами того, как нужно и как не нужно. А так же мини-тестовый пример с косяком.

[Softlink]

Макс, тут задача такая, что если вдруг у пункта меню будет выпадалка, то он как-то должен на нее реагировать. И вся суть в том, что заранее неизвестно, где будет выпадающий список. Я так понял задачу.

[Squidward]

Имеем пункты меню. У каких-то пунктов есть выпадающие меню второго уровня, у каких-то нет. Заранее прописать классы для тех пунктов, у которых есть выпадалка, нельзя - это CMS. Задача - для тех li, у которых есть выпадающие ul, получить другое отображение, а именно - фон при :hover. Меню горизонтальное, выпадалки выпадают вниз. Извиняюсь, если сначала написал непонятно - мне показалось, что все довольно четко.

[hedgehog]

Имеем пункты меню. У каких-то пунктов есть выпадающие меню второго уровня, у каких-то нет. Заранее прописать классы для тех пунктов, у которых есть выпадалка, нельзя - это CMS. Задача - для тех li, у которых есть выпадающие ul, получить другое отображение, а именно - фон при :hover. Меню горизонтальное, выпадалки выпадают вниз. Извиняюсь, если сначала написал непонятно - мне показалось, что все довольно четко.

В принципе, тут поможет jquery. А какая CMS если не секрет?

[Softlink]

Можно так сделать.

[Squidward]

Большое спасибо.

[hedgehog]

Можно так сделать.

Лишнее доказательство тому, что в верстке нужен творческий подход Такое простое решение, а я не додумался.

[Squidward]

Можно так сделать.

Сразу не проверил, а теперь посмотрел. Нет, это не подходит. Это просто перекрывание li вложенным ul. Видимо, нельзя выстроить зависимость от потомка к родителю голым CSS.

[mishka]

Да если CMS не делает этого, то джсом проверяйте наличие дропа и ставьте класс. Если вы только верстаете, и джс не делаете, то ставьте сами классы и верстайте дальше. Потом другой человек сделает джс.