CSS'deki tek veya çift tırnak işaretlerinden nasıl kurtulabilirim?

Question

Aşağıdaki HTML kodu var I:

<div id="working">Touch Me!</div> 
<div id="notworking">Don't Touch Me!</div> 

Ve bu CSS var:

#working:hover:after{ 
    content: "Nice Touch"; 
    color: #0C6; 
} 
#notworking:hover:after{ 
    content: "I Said Don't Touch Me"; 
    color: #C30; 
} 

Bu kod çalışıyor cezası (benim örnek buradadır): http://jsfiddle.net/gchoken/NaEPq/

Benim sorundur "I Said Don't Touch Me" için çift tırnak kullandığımda, bir uyarı alıyorum.

CSS:

#notworking:hover:after{ 
    content: ""I Said Don't Touch Me""; 
    color: #C30; 
} 

Uyarı mesajı:

Warning: Found unclosed string '";'. 

Yani, tam olarak nasıl CSS içinde tek veya çift tırnak kaçabilir?

Answer 1

Ters eğik çizgi kullanın.

content:"i said don\"t Touch me"; 

Tek tırnaklı dizelerdeki tek tırnak işaretleri için de geçerlidir.

jsFiddle demo

Answer 2

Sadece http://jsfiddle.net/NaEPq/4/