Как показать border у li при наведении на link a?

Question

[Programmir]

почему-то не работает

a:hover li{
    border-bottom: 1px solid #000; 
}

<ul class="menulists">
          <li class="menulist">
            <a href="index.html">ГЛАВНАЯ</a>
          </li>
          <li class="menulist">
            <a href="#">О КОМПАНИИ</a>
          </li>
                                       ...
</ul>

Comments

[Froggyweb]

хтмл где?

[Ankhena]

Вряд ли у вас список внутри ссылки.

[Programmir]

Froggyweb,

<ul class="menulists">
					<li class="menulist">
						<a href="index.html">ГЛАВНАЯ</a>
					</li>
					<li class="menulist">
						<a href="#">О КОМПАНИИ</a>
					</li>
                                       ...
</ul>

[Programmir]

Ankhena W, Ankhena W, может что-то перекрывает в css. Такой код вообще должен работать? У меня было нормально, потом при обновлении страницы заметил, что исчезло появление рамки при наведении.

[Ankhena]

a:hover li

Написанное вами значит "покрасить элемент списка, который находится ВНУТРИ ссылки".
В вашем коде такого нет.

Используйте простоli:hover {}

Answer 1

[Exploding]

фейспалм

li:hover{
    border-bottom: 1px solid #000; 
}

UPD
Оно то работать будет, но насколько нормально хз...
Это напоминает мультик про чебурашку: - Гена, тебе наверно тяжело нести сумки? Давай я их буду нести, а ты понесешь меня! ))

Comments

[Programmir]

написано же, что при наведении на тег a, а не li

[ой всё]

Programmir, вы бы для начала ликбез по html почитали
то, что вы делаете, это примерно, как презерватив на пятку натягивать

[Exploding]

Programmir, А че при наведении на "a", а не на "br" например?

[Exploding]

Programmir, Хотя бы кусок разметки был, а то ж поди угадай где там А, а где LI у вас находится...