Как я могу избежать одинарных или двойных кавычек в CSS?

Question

У меня есть следующий HTML-код:

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

И у меня есть этот CSS:

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

Этот код работает нормально (мой пример здесь): http://jsfiddle.net/gchoken/NaEPq/

Моя проблема в том, что когда я использую двойные кавычки для "I Said Don't Touch Me", я получаю предупреждение.

CSS:

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

Предупреждающее сообщение:

Warning: Found unclosed string '";'.

Итак, как именно я могу избежать одинарных или двойных кавычек в CSS?

Answer 1

Используйте обратную косую черту.

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

То же самое касается одинарных кавычек в одиночных кавычках.

jsFiddle demo

Answer 2

Просто используйте \ для выхода из "

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

Демо @ http://jsfiddle.net/NaEPq/4/