title: Serialized and deserialize HTML style tag with CSS
body: <p><strong>What I'm trying to do:</strong></p>
  <ul>
  <li>Save/copy HTML snippet in one place, paste it in another place and have it de-serealized into an analogous DOM</li>
  </ul>
  <p><strong>How do I do serialization now</strong></p>
  <ul>
  <li>Call <code>element.outerHTML</code> on a container element
  <ul>
  <li>I've also tried using <code>new XMLSerializer().serializeToString(element)</code> with the same result</li>
  </ul>
  </li>
  </ul>
  <p><strong>The issue</strong></p>
  <p>When I serialize <code>style</code> nodes that contain the css like:</p>
  <pre class="lang-css prettyprint-override"><code>.a &gt; .b {
    color: red
  }
  </code></pre>
  <p>They actually get serialized like</p>
  <pre><code>.a &amp;gt; .b {
    color: red
  }
  </code></pre>
  <p>Which is not a valid CSS and so does not get parsed properly.</p>
  <p>The problem with greater sign is the only one I observe, but it makes me wonder about other potential serialization issues.</p>
  <p><strong>Question</strong>: How do I get serialize the style nodes in a way that does not break CSS in them?</p>