title: How to disable a hover style in .css file by using <style> tag?
body: <p>I am using a document generator called Docfx and it contains own css file. One of the entry in it is,</p>
  <pre><code>svg:hover path {
      fill: #ffffff;
  }
  </code></pre>
  <p>I do not want any change in style when I hover on svg, so I want to disable this. Since I do not have access to modify this css file, only option I have is to use <code>&lt;style&gt;</code>.</p>
  <p>I tested <code>&lt;style&gt;</code> approach by changing the fill color and it worked. Now, I am not able to figure out how to disable this fill.</p>
  <pre><code>&lt;style&gt;
    svg:hover path {
      &lt;!--fill: #AAAfff;--&gt;
    }
  &lt;/style&gt;
  </code></pre>
  <p>Note: I can also add jquery scripts so if there is a solution based on that, I can use it as well.</p>