css - 首字下沉风格怪异

Question

我将 .drop_cap 类应用于每个帖子的第一个字母，例如：http ://www.mossoreviews.com/193-safe-er-grip-bath-and-shower-handle-review/

在 Firefox13 中一切正常。但是，在 Chrome17 和 IE9 中，不仅第一个字母是 .drop_cap 样式，而且第二个字母的样式也完全一样，好像第二个字母也被包裹在

<span class="drop_cap"></span>

但实际上不是。知道这是怎么发生的，我该如何解决这个问题？

Answer 1

您的 CSS 声明将首字下沉样式应用于您的跨度和段落：

.drop_cap, .entry > p:first-of-type::first-letter

这条线应该只是其中之一。

删除第一个字符周围的跨度并利用:first-letterCSS 属性，或者.entry > p:first-of-type::first-letter从选择器中删除 。