title: Unminify CSS styles
body: <p>I am trying to un-minify/un-merge my CSS styles. I have a style.css file with lots of merged styles in it, something like:</p>
  
  <pre><code>.style1,.style2,.style3{float: right}.style1{border-radius: 15px}.style2{border-radius: 0}.style3{border-radius: 10px}
  </code></pre>
  
  <p>What I am trying to convert it into is:</p>
  
  <pre><code>.style1{float: right;border-radius: 15px}
  .style2{float: right;border-radius: 0}
  .style3{float: right;border-radius: 10px}
  </code></pre>
  
  <p>How can I un-merge minified css styles to get such an output? I have tried several CSS Beautifiers and Unminifiers but they do not exactly what I need.</p>
  
  <p><strong>UPD: Here is the solution: <a href="http://www.codebeautifier.com" rel="nofollow noreferrer">codebeautifier.com</a></strong>
  . In order to get same output as in my example above, open this page, find  <code>Regroup selectors</code>, set it to <code>Only seperate selectors (split at ,)</code>, paste your CSS and hit <code>Process CSS</code></p>