将引号添加到:before和:after elements

时间:2016-06-23 20:14:03

标签: html css

我尝试将"添加到content: ""以获得报价。这导致css被忽略。我试过用单引号包装“content: '"'相同的结果。忽略CSS

我已经尝试了content: "“",但这些字母已经呈现。

如何在CSS伪元素之前和之后渲染引号?我不想使用background-image: url('http://url.com'),以便我可以使用字体大小来缩放引号,用户可以复制引号。

.review-wrapper h2:before {
    content: "“";
    position: absolute;
    width: 15%;
    height: 1px;
    bottom: 30px;
    left: 42%;
}

2 个答案:

答案 0 :(得分:4)

你需要unicode-escape内容属性,如下所示:

content: "\0022";

http://codepen.io/MattDiMu/pen/jryOQj

答案 1 :(得分:1)

你可以逃避引号:

.review-wrapper h2:before {
    content: "\""
}

JSFiddle:https://jsfiddle.net/g7eyq5zg/