Простое наведение CSS

Question

Я работаю над очень простым макетом здесь: http://www.flanels.com/ - Если вы нажмете «Работа», то это уменьшится, я использую этот jQuery:

    $('#left ul li.item').hover(function() {
      $(this).addClass('over');
    }, function() {
      $(this).removeClass('over');
    });

А это класс:

#left ul li.over{
    background-color:#4CC7DC;    
}

Если вы переходите по тексту ссылки, вы видите, что она меняется на a: hover, я пытаюсь сделать это, когда вы находитесь над li.item. Также меняется ссылка a: hover, как я могу это сделать?

Answer 1

Это то, что вы ищете?

#left ul li.over, #left ul li.over a {
    background-color:#4CC7DC;    
}

Answer 2

Используйте hover() для элемента li.item, затем вместо доступа к $(this).add/removeClass() вместо доступа к $('#left ul li.item').add/removeClass().

То есть вы можете установить классы для любого элемента, а не только $(this), поэтому просто назовите элемент, который вы хотите изменить.