¿Cómo puedo escapar de comillas simples o dobles en CSS?
Tengo el siguiente código HTML:
<div id="working">Touch Me!</div>
<div id="notworking">Don't Touch Me!</div>
Y tengo este CSS:
#working:hover:after{
content: "Nice Touch";
color: #0C6;
}
#notworking:hover:after{
content: "I Said Don't Touch Me";
color: #C30;
}
Este código funciona bien (mi ejemplo está aquí):http: //jsfiddle.net/gchoken/NaEPq
Mi problema es que cuando uso comillas dobles para"I Said Don't Touch Me"
, Recibo una advertencia.
CSS:
#notworking:hover:after{
content: ""I Said Don't Touch Me"";
color: #C30;
}
Mensaje de advertencia
Warning: Found unclosed string '";'.
Entonces, ¿cómo puedo escapar de las comillas simples o dobles en CSS?