CSS 3: 在引用块开始处添加引号符

Question

有人能告诉我为什么这个（也可以在http://jsfiddle.net/A2eTG/6/上实时查看）在Firefox中会在引用块之前呈现一个"符号，但在Chrome / Safari中不会吗？

blockquote
{
    padding: 0 60px;
    padding:10px;
    padding-left:55px;
}

blockquote:before {
    display: block;
    font-size: 700%;
    content: open-quote;
    height: 1px;
    margin-left: -0.55em;
    position:relative;
    top:-20px;
}

blockquote:before选择器在Chrome的开发者工具中显示，但不会出现在屏幕上。

为什么呢？

- AgileMeansDoAsLittleAsPossible

Answer 1

为了帮助那些想要比 " 更漂亮的引用符的人，这些是双开、双闭、单开和单闭引号的代码：分别是"\201C"、"\201D"、"\2018"和"\2019"。

- etcet

Answer 2

看起来Chrome不支持content: open-quote。请尝试使用以下方法代替：

content: "\""; 

- Brian Flanagan

---

Chrome现在支持open-quote和close-quote。 - Mick_

Answer 3

Chrome仅部分支持content，不支持open-quote。

因此，您可以尝试使用content: '“'; 在Windows中打印open-quote的快捷方式是Alt+0147，如果需要close-quote，则使用Alt+0148。

- Sotiris

Answer 4

详细了解此问题以及如何将引号本地化为不同的语言，请参见使用CSS渲染引号

- weston

Answer 5

我认为最好的解决方案是

content: '“';
content: open-quote;

这样支持open-quote的浏览器将使用它并忽略早期的content值，而不知道open-quote是什么的浏览器将忽略该行并使用第一个。

- Domenic