Где ошибка в css?

При наведении на элемент идет его подсветка, у элемента есть before, при наведении на элемент он тоже подсвечивается. Как сделать, чтобы не подсвечивался before у родителя?
  • Вопрос задан
  • 424 просмотра
Решения вопроса 3
Get-Web
@Get-Web
Front-End Developer
html, body {padding: 0; margin: 0;font-size: 16px; font-family: Arial;}
body { margin: 20px; }

.accordion-menu { list-style-type: none; background-color: #eee; }

.accordion-menu ul li {
	list-style-type: none;
	cursor: pointer; }

.accordion-menu a,
.accordion-menu a:visited { border: none; cursor: pointer; color: #45a030; }

.accordion-menu .menu-item-has-children>a:hover:before,
.accordion-menu a:hover { color: #f59525; }

.accordion-menu .menu-item { padding-left: 7px; position: relative; }
.accordion-menu .menu-item-has-children >a:before {
	position: absolute;
	display: block;
	cursor: pointer;
	color: #45a030;
	left: -7px;
	content: 'X'; }
.accordion-menu .menu-item-has-children.show:before {
	content: '>';
	left: -9px; }

.accordion-menu .current-menu-item a { color: #f59525; cursor: default; }
/*
.accordion-menu .menu-item-has-children .sub-menu { overflow: hidden; height: 0; opacity: 0; transition: all 0.4s ease-in; }
.accordion-menu .menu-item-has-children.show > .sub-menu { overflow: visible; height: auto; opacity: 1; }
*/
.accordion-menu .sub-menu { padding-left: 7px; position: relative; }
Ответ написан
ArsenyMatytsyn
@ArsenyMatytsyn
CEO iAmStudio, предприниматель.
Привязать hover ко вложенному элементу
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы