¿Cómo puedo escapar entre comillas simples o dobles en CSS?

Question

tengo el siguiente código HTML:

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

Y tengo este CSS:

bien

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

Este código está trabajando (mi ejemplo es aquí): http://jsfiddle.net/gchoken/NaEPq/

Mi problema es que cuando uso comillas dobles para "I Said Don't Touch Me", aparece una advertencia.

CSS: Mensaje de

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

Advertencia:

Warning: Found unclosed string '";'. 

Así que, ¿cómo es exactamente puedo escapar comillas simples o dobles en CSS?

Answer 1

Utilice una barra diagonal inversa.

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

Lo mismo ocurre con las comillas simples dentro de las comillas simples.

jsFiddle demo

Answer 2

sólo tiene que utilizar un \ para escapar de la demostración "

#notworking:hover:after{ 
    content:"i said don\"t Touch me"; 
     color: #C30; 
} 

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