Создание пользовательского меню Значок боковой панели отображается как текущий в css

В пользовательском меню WP я назначил классы, которые отличаются для каждого пункта меню. Например

.power-icon a { padding-left: 35px !important; background-image: url(/images/icon-grey.png); background-position: 5% 50% ; background-repeat: no-repeat; } .power-icon a:hover { padding-left: 35px !important; background-image: url(/images/icon-blue.png); background-position: 5% 50% ; background-repeat: no-repeat; } 

Это прекрасно работает, однако, я хочу, чтобы синий значок также отображался, когда страница активна / текущая.

Я обнаружил, что это

  .widget_nav_menu .menu .current-menu-item { background-color: #f3f3f3; } 

выделит текущий фон элемента. Но мои попытки объединить его с классом значков провалились. Цените любую помощь по этому поводу. Благодарю.

Solutions Collecting From Web of "Создание пользовательского меню Значок боковой панели отображается как текущий в css"

Это действительно не WordPress, но здесь.

На самом деле все, что вам не хватает, это применить синее фоновое изображение на .current-menu-item a .

 /* Default state base */ .widget_nav_menu .menu li a{ padding-left: 35px !important; background-position: 5% 50%; background-repeat: no-repeat; } /* Active state base */ .widget_nav_menu .menu .current-menu-item a, .widget_nav_menu .menu .current-menu-item a, .widget_nav_menu .menu .current-menu-parent a, .widget_nav_menu .menu .current-menu-ancestor a { background-color: #f3f3f3; } /* Power */ .power-icon a { background-image: url( /images/icon-grey.png ); } /* Power active + hover */ .power-icon a:hover, .power-icon.current-menu-item a, .power-icon.current-menu-parent a, .power-icon.current-menu-ancestor a { background-image: url( /images/icon-blue.png ); }