title: How to unset a fill color in css
body: <p>So I have this WONDERFULLY coded theme (as usual on wordpress) and to turnaround of a bug where it doesn't show the svg as supposed, i'm inserting it via html in the functions.php</p>
  
  <p>all good, if not that the svg is made by different colors, and there's this css class from the theme which deliberately colors the whole fill parameters of the svg, with:</p>
  
  <pre><code>.my-stupid-svg-class path {
  fill: purple
  }
  </code></pre>
  
  <p>so, since each path in the svg code has its right color set (with <code>fill="yellow"</code> , ecc), what i tried at first was to "unset" that css class within my child-theme style.css, with something like:</p>
  
  <pre><code>.my-stupid-svg-class path {
  fill: unset
  }
  </code></pre>
  
  <p>I also tried initial and inherit but they all color the whole svg black. Any idea of how may i solve this without touching the theme css files? or as i update the theme it's all gone again</p>