css - Mootools 和 CSS - p :first-letter does not function once JS is active

Question

这是 fiddle 设置:CSS pseudo class fails with JavaScript

出于某种原因，“首字母”伪类在没有 JS 的情况下也能正常工作。一旦我开始引用这个:

$$('span.pullQuote').each(function(span) {
new Element('span',{ 'class': 'pulledQuote',
                      text: span.get('text')
                    }).inject(span.getParent(),'top');
});

它停止工作...为什么？抽出 JS，留下一切，它工作正常......我重新阅读the W3 spec on first-letter仍然看不出哪里出了问题。

TIA。

WR!

edit:奇怪的是，first-line，first-child，&c 都可以在 JS 上正常工作。只有第一个字母停止工作。

Answer 1

Chrome 和 IE 对此设置没有问题，只有 Firefox 有问题。不幸的是，没有简单的解决办法。 This question显示了同样的问题(尽管生成的内容突出了它)。

与this bug有关(我认为)。尝试查看 reduced test case在 Firefox 中，它失败了。这已经存在多年了，所以我不会屏住呼吸等待它得到修复。唯一的解决方案是不将pulledQuote 类作为段落的第一个子类。