valentikus
@valentikus

Нужна помощь с псевдо элементами?

Привет всем! нужна помощь.

есть вот такое меню
1fd242433eb04c14ac8147d65620de6c.JPG

нужно вставить псевдо элемент :before для всех пунктов кроме первого, понимаю что это нужно сделать через not и nth-child но как не могу понять?

вот кусочек кода с элементом который применяет ко всем пунктам
.top_menu a:before {
	top: 18px;
	left: 0;
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 50%;
}
  • Вопрос задан
  • 156 просмотров
Решения вопроса 1
NN-webmaster
@NN-webmaster
Обожаю веб
Вот так.

Сначала :not, затем в скобках :first-child, потом псевдоэлемент.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@Result007
P|-|P
Можно еще так :)
.menu li ~ li:before {
  content: "►";
}
Ответ написан
Комментировать
valentikus
@valentikus Автор вопроса
Решилось все вот так

.top_menu li:not(:first-child) a:before

всем спасибо!
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы