CSS Hover не работает должным образом. Зачем?

Question

Я пытаюсь установить привязку внутри элемента списка, чтобы он менял цвета при наведении курсора мыши. Он не работает должным образом для ПОРТФОЛИО и КОНТАКТА (при наведении указателя мыши на ИНФОРМАЦИЮ, КОНТАКТ меняет цвет), но он вообще не работает для ДОМАШНЯЯ СТРАНИЦА и ИНФОРМАЦИЯ (ГЛАВНАЯ и ИНФОРМАЦИЯ не меняют цвет вообще). Почему это могло быть?

Вот мой CSS код:

 li a:hover{color: #E3872D;}

А вот мой HTML код:

 <div class="leftpart_wrap">
        <ul class="navbar">
            <li><a href="#home">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#portfolio">Portfolio</a></li>
            <li><a href="contact">Contact</a></li>
        </ul>

    <div class="leftpart_bottom">
            <ul id="icons">
                <!--Icons go here and their hovering attribute works perfectly-->
            </ul>
    </div>
    </div>

Answer 1

Это может быть несколько вещей. Ваш код правильный, но, вероятно, в вашем CSS есть какой-то стиль перезаписи. Попробуйте использовать более подробно c CSS, чтобы узнать, разрешается ли оно:

.navbar li a:hover{color: #E3872D;}