Question

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中，我只得到之前的引用...我错过了什么？

Answer 1

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

Answer 2

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

选择器后的IE8 CSS

2 个答案: