Как убрать подсветку вложенных пунков в меню wp_list_pages?

Question

[Nikitos08]

Как сделать так, что бы вложенные пункты не подсвечивались?

CSS:

#main-menu li ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
	position: absolute;
	left: 0;
	}

#main-menu li ul li {
	float: none;
	margin: 0;
	text-align: left;
	font-size: 11pt;
	background: #fff;
	width: 150px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0;
	}
#main-menu li a {
	display: block;
	color: #222222;
	text-decoration: none;
	}
#main-menu li a:hover {
	color: #b2b935;
	text-decoration: none;
}	
	
#main-menu li:hover ul, #menu li.jshover ul {
	display: block;
	border-radius: 10px;
	box-shadow: 0 5px 5px #b7b7b7;
	z-index: 2;
	
}

#main-menu li:first-child {
            border: inherit;
}
		
ul#main-menu li:hover ul, #menu li.jshover ul {
	display: block;
	border-radius: 10px;
	box-shadow: 0 5px 5px #b7b7b7;
	z-index: 2;
}


#main-menu li:first-child {
            border: inherit;
}

#main-menu li.current_page_item a {
	color: #b2b935;
	text-decoration: none;
}

Спасибо!

Answer 1

[Евгений Перин]

#main-menu li a:hover {
  color: #b2b935;
  text-decoration: none;
}

Попробуй заменить на

#main-menu>li a:hover {
  color: #b2b935;
  text-decoration: none;
}