Почему не работает fill для svg?

Question

[wizzzart]

Может мне кто-нибудь объяснить, почему для svg не работает заливка fill?

https://jsfiddle.net/wizzzart/9nynrfr9/

Answer 1

[Петр]

Надо в path убрать fill="#010202" и тогда класс будет присвоен, иначе он просто его перекрывает.

Comments

[game802]

кстати да!

[wizzzart]

Блин. А слона-то я и не заметил... И вам спасибо! Уже второе правильное решение =)

[Петр]

wizzzart: не за что )

[stiglitZ]

Храни тебя, Вебстандарт!!
Мерси!

Answer 2

[game802]

Чтобы использовать fill, нужно создать идентификатор или класс на path.
<path class="fill-good".../>
А уже потом красить сам path

.fill-good {
  fill: red;
}

Пример

Comments

[wizzzart]

Спасибо!

[game802]

wizzzart: не за что!)