title: How can I escape single or double quotation marks in CSS?
body: <p>I have the following HTML code:</p>
  
  <pre><code>&lt;div id="working"&gt;Touch Me!&lt;/div&gt;
  &lt;div id="notworking"&gt;Don't Touch Me!&lt;/div&gt;
  </code></pre>
  
  <p>And I have this CSS:</p>
  
  <pre><code>#working:hover:after{
      content: "Nice Touch";
      color: #0C6;
  }
  #notworking:hover:after{
      content: "I Said Don't Touch Me";
      color: #C30;
  }   
  </code></pre>
  
  <p>This code is working fine (my example is here): 
  <a href="http://jsfiddle.net/gchoken/NaEPq/" rel="nofollow">http://jsfiddle.net/gchoken/NaEPq/</a></p>
  
  <p>My problem is that when I use double quotes for <code>"I Said Don't Touch Me"</code>, I get a warning. </p>
  
  <p>CSS:</p>
  
  <pre><code>#notworking:hover:after{
      content: ""I Said Don't Touch Me"";
      color: #C30;
  }  
  </code></pre>
  
  <p>Warning message:</p>
  
  <pre><code>Warning: Found unclosed string '";'.
  </code></pre>
  
  <p>So, how exactly can I escape single or double quotes in CSS?</p>