Как исправить подменю в CSS

Question

У меня есть несколько проблем с моим подменю CSS.

Пожалуйста, проверьте мою скрипку здесь:

http://jsfiddle.net/9XUJD/1

Несколько проблем:

1. При наведении курсора на A element, он получает розовый фон, но если вы идете по меню, родительский A элемент теряет его фон. Как я могу сказать ему, что даже когда пользователь открывает подменю, родительскому A нужен фон?
2. Как я могу указать свой элемент .sub, который должен иметь auto width, чтобы он расширялся вправо, если в нем есть элементы? Если вы проверяете скрипку, у меня есть два столбца внутри элемента sub, но он имеет фиксированную ширину, как и родительский.
3. Может ли мой отзыв .sub быть отзывчивым? Так что у меня максимальная ширина с разными точками останова?

Answer 1

jsFiddle Demo

1. Вы должны использовать состояние list item парения, а не ссылку.

   Это новый селектор:

   ul li:hover > a { 
       background: #E94160; 
       color: #fff; 
       text-decoration: none; 
   } 
   

2. Просто удалите настройки width из .column. Элементы блока получают по умолчанию 100% ширину.

3. Не совсем понял, но я думаю, что скрипка отвечает на ваши проблемы.