如何在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/