双引号的 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>