2

CSS

.main blockquote p:first-child:before {
    content: '“';
    position: absolute;
    top: 7px;
    left: 0;
}

.main blockquote p:last-child:after {
    content: '”';
    float: right;
    position: absolute;
    bottom: -9px;
    right: 7px;
}

编码

<blockquote>
    <p>A quote about many wonderful things...</p>
</blockquote>

这适用于大多数浏览器......在 IE8 中,我只得到之前的报价......我错过了什么?

4

2 回答 2

4

last-child不支持ie8。你必须使用 jquery 这样做

于 2012-08-16T13:54:36.673 回答
1

IE8 和更早版本不支持 :last-child 选择器。 http://www.w3schools.com/cssref/sel_last-child.asp 使用一些 Jquery 代码

于 2012-08-16T13:55:24.613 回答