Супер Простой CSS Issue

Question

Привет, ребята у нас есть сайт здесь: http://americanbitcoinacademy.com/

И я пытаюсь изменить это парение часть здесь:

Я попытался предназначаться это:

.main-color-1-bg, 
.main-color-1-bg-hover:hover, 
input[type=submit], 
table:not(.shop_table)>thead, 
table:not(.shop_table)>tbody>tr:hover>td, 
table:not(.shop_table)>tbody>tr:hover>th, 
header .dropdown-menu>li>a:hover, 
header .dropdown-menu>li>a:focus, header .multi-column > .dropdown-menu li.menu-item:hover, 
header .multi-column > .dropdown-menu .menu-column li.menu-item:hover,  
.un-icon:hover, 
.dark-div .un-icon:hover, 
.woocommerce-cart .shop_table.cart thead tr, 
.uni-addtocart .add-text, 
.event-classic-item .item-thumbnail:hover a:before, 
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .course-list-table>tbody>tr:hover>td, .course-list-table>tbody>tr:hover>th, .project-item:hover .project-item-excerpt, .navbar-inverse .navbar-nav>li>a:after, .navbar-inverse .navbar-nav>li>a:focus:after, .topnav-sidebar #lang_sel_click ul ul a:hover, div.bbp-submit-wrapper .button, .topnav-sidebar #lang_sel ul ul a:hover{ 
color: red; 
} 

Но он изменяет весь цвет меню на красный. Как изменить цвет этого нависшего прокрутки в меню, не затрагивая другие элементы?

Пожалуйста, помогите!

Answer 1

Это, как вы можете изменить цвет этого псевдо-элемента:

.navbar-inverse .navbar-nav>li>a:after, .navbar-inverse .navbar-nav>li>a:focus:after { 
    background-color: red; 
} 

И удалить .navbar-inverse .navbar-nav>li>a:after, .navbar-inverse .navbar-nav>li>a:focus:after, строки селектор CSS вы пытались изменить. Это отделит их.

Answer 2

Простой ответ на простой вопрос.

Это обычная практика размещения таких состояний наведения как псевдоэлементов. Когда вы используете своего инспектора, проверьте эти элементы дальше в нижней части правил css.

.navbar-inverse .navbar-nav>li>a:focus:after { 
    background-color: red; /*or whatever colour you wish*/ 
} 

Пожалуйста, не забудьте указать правильные ответы!

Надеюсь, что это поможет.