吊帽式的古怪

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。