CSS - выбор элемента в пользовательском меню Wordpress

Question

Я пытаюсь очистить некоторый пользовательский CSS в пользовательской теме, которая выделяет пользовательское меню Wordpress для текущей страницы навигации (т. Е. Элемент меню «Контакт» подсвечивается при просмотре ' Контакт ").

В настоящее время CSS ссылается на идентификатор каждого пользовательского меню, чтобы применить стили в соответствии ниже с копией для каждого пользовательского меню:

#nav_menu-8.widget .current-page-item > a 
{} 

Я пытаюсь понять, почему стиль не применяется при попытке выбрать один и тот же элемент без ссылки на ID nav_menu-8, в идеале что-то немного более динамичным, чем статические ссылки:

.widget .current-page-item > a 
{} 

когда выше CSS на месте - стиль не применяется, как я хотел бы ожидать (любому элементу A, у которого есть родительский класс current-p виджеты класса предметов.

Хотелось бы увидеть, где я ошибаюсь! Спасибо.

Answer 1

Пара общих причин, почему это не сработает; a) структура элемента в html не соответствует вашему селектору в css. b) применяемые стили заменяются другим стилем классов, который имеет более высокое значение специфичности. Я понятия не имею, так ли это в вашем примере, но это первые две вещи, которые приходят на ум. Попробуйте проверить элемент в вашем браузере, чтобы узнать, ссылается ли ваш селектор вообще. И будут ли отдельные стили заменены существующими стилями.