как исключить SVG с атрибутом заполнения из стилей CSS

Question

В начале моего проекта я добавил это глобальное правило CSS

svg {
    color: inherit;
    fill: currentColor;
} 

, чтобы установить заполнение всех моих SVG.теперь я добавил плагин рейтинга jQuery , который работает с SVG и использует атрибут заливки для окрашивания звезд.но из-за приведенного выше кода звезды всегда черные.вместо того чтобы удалить это правило и применить его к каждому SVG отдельно, я изменил код на следующий

svg:not([fill]) {
    color: inherit;
    fill: currentColor;
}  

, и он работает нормально, но я не уверен, является ли это хорошим вариантом использования not() селектор.это стандарт?
Любые другие идеи приветствуются.

Answer 1

Вы соответствуете любому элементу SVG, у которого нет свойства fill.Псевдокласс not() представляет элементы, которые не соответствуют списку селекторов .Это правило повлияет и на другие элементы SVG.

Вы также можете назначить класс для ваших SVG.

svg.mysvg {
  color: inherit;
  fill: currentColor;
}