首字下沉风格怪异

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-letter CSS属性，要么从选择器中删除.entry > p:first-of-type::first-letter。