В чём разница между данными способами перечисления селекторов css?
вы задаете стиль элементу, которому присвоены все эти классы
.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
Пробел между селекторами это комбинатор. Их есть еще несколько.