Как починить код, чтобы класс применялся к элементу навигации слайдера при нажатии на него?

Question

[Игорь Колонтарь]

Есть один слайдер, взял код с обучающего сайта для разбора. Немного переделал под себя.
Проблема: при нажатии на кнопки переключения слайдов, они не подсвечиваются, класс .on для них не применяется. Сам слайдер работает.

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

код: codepen.io/anon/pen/xqJGdK

Answer 1

[Ян]

ошибка была вот тут

.slider .nav span .on {
	background: #000;
	border-radius: 2px;
	box-shadow: 10px;
}

долюно быть .slider .nav span.on
ибо в первом варианте ты пытался прописать стили для элемента .on в span

Comments

[Игорь Колонтарь]

Спасибо, добрый человек! Помогло.

[Ян]

Игорь Колонтарь: всегда рад)