Попытка нацелиться на .current-page-item в WordPress, может нацеливаться на стиль

Question

Я хочу, чтобы элемент навигации, соответствующий странице, на которой находится пользователь, менял цвет, когда страница активна.Похоже, я не могу точно нацелиться на предметы.

Ссылка: http://www.cicadabooks.co.uk/new/distribution/

Стиль: .main-nav ul.main-nav li a, #widget li a.current-page-item {color:#F06;}

Любая помощь будет отличной!

Answer 1

Я бы сказал:

#menu-main li.current_page_item a {color: #F06 !important;}

Answer 2

Ваш код немного задом наперед. По сути, все, что вам нужно для цели это:

li.current_page_item a

Если у вас есть более чем одна навигация, просто поднимитесь к контейнеру навигационной панели для большего контроля.

Answer 3

Не используйте важные, если у вас есть.

Это решит это:

#sidebar .menu-main-container ul.menu li.current_page_item a{ color: #F06;}

Edit: Причина, по которой это работает, заключается в том, что часть унаследованного стиля также указывает ul, поэтому для его переопределения необходимо быть точно таким же (или более конкретным).

Answer 4

Или это:

.main-nav ul.main-nav li.current_page_item a, #widget li.current_page_item a {color: #f06; }

Причина в том, что с вашим кодом вы говорите, что класс назначен ссылке (а), но с помощью wordpress класс текущей страницы-элементаприсваивается тегу li.

Answer 5

Может быть:

#widget li.current_page_item a {color: #F06;}