html - last-child 不在我的 blockquote 中工作

Question

我试图只在 block 引用的最后一段添加右引号。

我的 CSS 代码如下:

blockquote p:last-child:after{
    content: close-quote;
}

我的 HTML 是:

<blockquote>
<p>Travel is fatal to prejudice, bigotry, and narrow-mindedness, and many of our people need it sorely on these accounts. Broad, wholesome, charitable views of men and things cannot be acquired by vegetating in one little corner of the earth all one's lifetime.</p>
<p>Here is second paragraph</p>
</blockquote>

不知何故，这是行不通的。我查看了 w3schools 上 :last-child 的规范，似乎都是正确的。

这是实际的网页:http://www.aspenwebsites.com/lothlorien/layouts-typography/

你能告诉我我做错了什么吗？谢谢。

Answer 1

close-quote只能在 open-quote 时使用也在使用中。例如，您必须执行以下操作:

blockquote p:last-child:before{
    content: open-quote;
}

blockquote p:last-child:after{
    content: close-quote;
}

如果你绝对想强制结束报价，你可以使用:

blockquote p:last-child:after{
    content: "”";
}

但是，在您的网站上，您实际上使用的是 open-quote这是 :last-child由于您的 <blockquote> 而失败的选择器有一个<footer>标记为它的最后一个 child (这不在您发布的示例中。)您应该使用 :last-of-type 来解决这个问题选择器。

blockquote p:last-of-type:after{
    content: close-quote;
}

Demo JSFiddle