title: How to extract html style tag into css
body: <p>I'm trying to extract automatically the part of the tag's style from div html. I have 100 style combinations, so doing it manually is not possible.
  This is the path html style tags --&gt; css</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.rule1 { 
    background-color: rgb(196, 0, 143);
  }
  
  .rule { 
    background-color: rgb(230, 176, 18);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="line line--big line--active" role="button" 
     style="background: rgb(196, 0, 143) none repeat scroll 0% 0%; color: white; opacity: 1;"&gt;&lt;span&gt;1&lt;/span&gt;&lt;/div&gt;
  &lt;div class="line line--big line--active" role="button"
     style="background: rgb(230, 176, 18) none repeat scroll 0% 0%; color: white; opacity: 1;"&gt;&lt;span&gt;5&lt;/span&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><strong>Attention:</strong> this question is not duplicate because i don't have in my code the <strong>style tag.</strong>
  I already searched for other answers but they
  zurb link is down now
  <a href="http://zurb.com/ink/inliner.php" rel="nofollow noreferrer">http://zurb.com/ink/inliner.php</a>
  here you need the style tag:
  <a href="https://stackoverflow.com/questions/50124649/javascript-regex-to-extract-text-from-style-html-tags">JavaScript Regex to Extract Text from Style HTML Tags</a> and also here:
  <a href="https://stackoverflow.com/questions/28606101/convert-css-from-html-style-tag-into-inline-css">Convert css from html style tag into inline css</a></p>