Почему не работает этот селектор CSS (выбор подменю в Wordpress)

Question

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

Работают следующие:

.widget_nav_menu ul .menu-item .sub-menu { background: red; }
.widget_nav_menu ul .menu-item li { background: red; }

Пока этот не работает:

.widget_nav_menu ul .menu-item li .sub-menu { background: red; }

Может ли кто-нибудь объяснить мне почему я не могу указать более точные вещи, указав здесь и класс, и тип?

К счастью, на этом уровне настройки яне нужно выбирать вещи более точно (я только хочу скрыть пункты подменю), но кто-то может сказать мне , как заставить работать нерабочий пример?

Вот живой сайт , но он одинаков для всех установок Wordpress с темой TwentyTen и многоуровневым меню слева.

ОБНОВЛЕНИЕ : я думаю, что получилбольшое недопонимание относительно использования пробелов в CSS, поэтому я задал вопрос здесь: использование пробелов в файлах CSS

Кстати, после понимания ответов и понимания того, что не так с моей проблемой,правильный ответ на мою проблему:

.widget_nav_menu li.menu-item ul.sub-menu

Answer 1

try:

.widget_nav_menu ul .menu-item .sub-menu li { background: red; }

, поскольку класс sub-menu принадлежит ul, а класс sub-menu отсутствует после li

Answer 2

Я полагаю, вы хотите это:

.widget_nav_menu ul .menu-item li.sub-menu { background: red; }

Answer 3

Попробуйте это:

.widget_nav_menu ul .menu-item .sub-menu li { background: red; }

Поскольку элемент li находится ниже .sub-menu ul ...