Html 第一个字母在Firefox中不起作用

我已经检查了这里发布的其他问题，但似乎没有什么对我有用。我的：除了Firefox，css的第一个字母在任何东西中都可以使用。有人能看到我的代码中有什么错误导致了这种情况吗

现场页面如下：

CSS

HTML

我们是团结的。通过每一步的合作与客户团结一致。。。

在.quote-box div开头有一个特殊字符，这一事实应该会打乱你的风格。你试过不用这条线吗

<span class="leftquote">&nbsp;</span>

---

我认为@theMarceloR的做法是正确的。看起来Firefox正试图将伪类应用于非中断空间，而不是文本。我将文本包装在一个p标记中，并将伪选择器更改为以段落为目标，现在它似乎可以工作了

<div class="quote-box">
 <span class="leftquote">&nbsp;</span>
 <p>We are united. United with customers by collaborating every step...</p>
 <span class="rightquote">&nbsp;</span>
</div>

.quote-box p:first-letter {font-size:250%; }
.quote-box p:first-line { line-height: 100%; }

我们是团结的。通过每一步的合作与客户团结一致

.quote方框p:第一个字母{字体大小：250%；}
.quote框p:第一行{行高：100%；}

---

我在Firefox中工作得很好，编辑nevermind，我刚刚意识到你在live示例中加入了一个first let类。对不起，我想我在发布之前已经删除了它。现在没有。我会尝试将文本包装在

p

标记中，然后对段落应用伪选择器。我现在删除了它，但仍然没有成功。如果我不使用wordpress，这将非常棒。Wordpress会自动取出任何标签。还有，如果我只是去掉这个和跨度，为什么它不起作用呢？你们肯定在正确的轨道上。如果我用另一个类将它包装在另一个div中，它就会工作。我希望有一个更好的解决方案，因为这可能会被客户端在将来进行更改时删除。您可以通过将以下代码直接放在您的

内容（）下面来禁用Wordpress段落过滤器

标记：

我不确定为什么删除nbsp不起作用。因此，我删除了非中断空间，并重新配置了css，以便仍然添加没有它的左引号。现在只是我们团结起来了。通过每一步的合作与客户团结一致。。。但它仍然不起作用。请看这里：我认为最好的选择是使用P标签路由，然后应用上面的过滤器移除，以防止Wordpress剥离P标签。

<span class="leftquote">&nbsp;</span>

<div class="quote-box">
 <span class="leftquote">&nbsp;</span>
 <p>We are united. United with customers by collaborating every step...</p>
 <span class="rightquote">&nbsp;</span>
</div>

.quote-box p:first-letter {font-size:250%; }
.quote-box p:first-line { line-height: 100%; }