@Seryoga96
Начинающий Front End Developer

Как достать до path в svg?

Привет! У меня есть слайдер с лементами в которых имеется svg. Решил закрасить отдельные его части и добавил каждому path свой класс, но из-за того что хочу применить цвет когда элемент .slick-current - это не работает.
Как достать до path?
Буду благодарен за помощь!

<div class="cooperation-slider">
	<div class="cooperation-slider__item">
		<svg class="cooperation-slider__item-img cooperation-slider__item-img__envato">
			<use xlink:href="#envato"></use>
		</svg>
	</div>
	<!-- /.cooperation-slider__item -->
	<div class="cooperation-slider__item">
		<svg class="cooperation-slider__item-img cooperation-slider__item-img__payoneer">
			<use xlink:href="#payoneer"></use>
		</svg>
	</div>
	<!-- /.cooperation-slider__item -->
	<div class="cooperation-slider__item">
		<svg class="cooperation-slider__item-img cooperation-slider__item-img__airbnb">
			<use xlink:href="#airbnb"></use>
		</svg>
	</div>
	<!-- /.cooperation-slider__item -->
	<div class="cooperation-slider__item">
		<svg class="cooperation-slider__item-img cooperation-slider__item-img__paypal">
			<use xlink:href="#paypal"></use>
		</svg>
	</div>
	<!-- /.cooperation-slider__item -->
	<div class="cooperation-slider__item">
		<svg class="cooperation-slider__item-img cooperation-slider__item-img__google">
			<use xlink:href="#google"></use>
		</svg>
	</div>
	<!-- /.cooperation-slider__item -->
	<div class="cooperation-slider__item">
		<svg class="cooperation-slider__item-img cooperation-slider__item-img__amazon">
			<use xlink:href="#amazone"></use>
		</svg>
	</div>
	<!-- /.cooperation-slider__item -->
</div>
<!-- /.cooperation-slider -->

Sass
&.slick-current
	.cooperation
		&-slider
			&__item
				&-img
					&__amazon
						fill: #393A3E
						&-arrow
							fill: #FBAD17
					&__payoneer
						fill: #333333
						&-y
							fill: #FF4800
					&__paypal
						fill: #019CDE
						&-blue
							fill: #013088
					&__airbnb
						fill: #fe5b5f
					&__envato
						fill: #323232
						&-logo
							fill: #80B341
					&__google
						&-yellow
							fill: #FBBB00
						&-blue
							fill: #518EF8
						&-green
							fill: #28B446
						&-red
							fill: #F14336
  • Вопрос задан
  • 140 просмотров
Пригласить эксперта
Ответы на вопрос 2
@akyl-kb
Зачем так усложнять с селекторами.
Скорее всего не работает из-за не рабочего селектора

.slick-current
    path.color-yellow
        fill: #FBBB00
    path.color-blue
        fill: #518EF8


Применить нужный класс к path элементу
<path class="color-blue" />
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Molinos Санкт-Петербург
от 70 000 до 100 000 руб.
NetLab Москва
от 35 000 до 50 000 руб.
HRlab Москва
от 250 000 руб.
09 дек. 2019, в 12:49
30000 руб./за проект
09 дек. 2019, в 12:29
150000 руб./за проект