双引号的CSS内容不起作用

Question

我试过了'>\0147'但它似乎没有用，是不是正确的语法？

.blockquote p::before {
    content: '>\0147';
    font-family: serif;
    font-size: 3em;
    line-height: 0;
    display: block;
    margin: 0 0 20px 0;
}

Answer 1

试试这个：

CSS：

.blockquote p::before {
content: open-quote;
font-family: serif;
font-size: 3em;
line-height: 0;
display: inline;
margin: 0 0 20px 0;
}

HTML

<div class="blockquote">
<p>Lorem ipsum...</p>
</div>