jean_gaben
@jean_gaben

В чём разница между данными способами перечисления селекторов css?

Почему данный вид селектора работает?

.works-nav__item.slick-slide.slick-current.slick-active {
    border-top: 3px solid #fff;
}


А данный - нет?

.works-nav__item .slick-slide .slick-current .slick-active {
    border-top: 3px solid #fff;
}


Данный код делает толще и ярче границу текста в навигационной панели slick-slider'a. Если задавать селектор без пробелов всё работает. Если с пробелами - не работает. Почему?
  • Вопрос задан
  • 101 просмотр
Решения вопроса 2
@kunjut19
вы задаете стиль элементу, которому присвоены все эти классы
.works-nav__item.slick-slide.slick-current.slick-active


вы задаете стиль элементу .slick-active, который находится внутри .slick-current, который находится внутри .slick-slide, который находится внутри .works-nav__item
.works-nav__item .slick-slide .slick-current .slick-active
Ответ написан
Комментировать
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
Пробел между селекторами это комбинатор. Их есть еще несколько.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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