如何在 CSS 中转义单引号或双引号?
Posted
技术标签:
【中文标题】如何在 CSS 中转义单引号或双引号?【英文标题】:How can I escape single or double quotation marks in CSS? 【发布时间】:2011-07-22 16:01:12 【问题描述】:我有以下 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 '";'.
那么,
【问题讨论】:
【参考方案1】:使用反斜杠。
content:"i said don\"t Touch me";
单引号字符串中的单引号也是如此。
jsFiddle demo
【讨论】:
【参考方案2】:只需使用\
转义"
#notworking:hover:after
content:"i said don\"t Touch me";
color: #C30;
演示@http://jsfiddle.net/NaEPq/4/
【讨论】:
以上是关于如何在 CSS 中转义单引号或双引号?的主要内容,如果未能解决你的问题,请参考以下文章