Использование CSS в SVG

Question

Я пытаюсь выяснить, как создать svgs, не присваивая каждому элементу атрибут стиля.

Две проблемы:

При обращении к внешнему файлу CSS стиль отображается правильно в браузере, но не в средстве просмотра изображений. Это нормально / можно избежать?

Большинство моих элементов имеют атрибуты class и id, и следующий css не обеспечивает желаемого эффекта, т. Е. Округ 21015 не имеет переопределенной заливки

.county
{
font-size:12px;
fill:#d0d0d0;
fill-rule:nonzero;
stroke:#000000;
stroke-opacity:1;
stroke-width:0.1;
stroke-miterlimit:4;
stroke-dasharray:none;
stroke-linecap:butt;
marker-start:none;
stroke-linejoin:bevel;
}

path#21015
{
fill:red;
}

Answer 1

Если заливка не та, которую вы хотите, то, вероятно, есть что-то с более высокой специфичностью, переопределяющее нужный стиль, например, атрибут встроенного стиля в этом элементе или какое-то другое правило, влияющее на этот элемент. Вы также можете признать поражение, написав «заполните: красный! Важный» - это будет работать в большинстве случаев.

В любом случае, это больше вопрос CSS, чем вопрос SVG.

Answer 2

Это альтернативный синтаксис ...

Внутри тегов определения .. .fil0 {fill: # 96989A}

Внутри тега (ов) path class = "fil0"

Прямые ссылки на классы из пути к определениям переопределят все остальные в моем опыте.