Каскадный
эффект наведения с использованием CSS [дубликат]

На этот вопрос уже есть ответы здесь :

Как навести курсор только на текущий li во вложенной ul? (4 ответа)

Закрыто в прошлом году .

У меня есть простой неупорядоченный список в формате HTML.


    Item 1
    
        Group 1
        
            Item 2
            Item 3

Я хочу использовать CSS для создания простого эффекта при наведении указателя мыши на элемент или группу.

li:hover
{
    background-color:#ff0000;
}

Он отлично работает для «Группы 1» или «Элемента 1» (не содержится в группе) - когда я наведен на него указателем мыши, цвет меняется. Но если я перейду на «Элемент 2» или «Элемент 3», «Группа 1» также останется подсвеченной (красный фон). В этом случае я хочу выделить только «Пункт 2» или «Пункт 3».

Кто-нибудь знает, как это сделать?

Спасибо за помощь!

=============================== ИЗМЕНИТЬ

При наведении указателя мыши на xxx должно быть выделено yyy
xxx -> yyy
Item1 -> Item1
Group1 -> Group1, Item2, Group2, Item3, Item4
{{1} } Item2 -> Item2
Group2 -> Group2, Item3, Item4
Item3 -> Item3
Item4 -> Item4

См. http://image-upload.de/image/r76d79/1c7af56a19.png , просто быстрый рисунок.

задан raisyn 5 November 2011 в 00:06

0 ответов

Другие вопросы по тегам:

html css hover html-lists

Каскадный эффект наведения с использованием CSS [дубликат]

0 ответов

Похожие вопросы:

Каскадный
эффект наведения с использованием CSS [дубликат]