css - Mootools 和 CSS - 一旦 JS 处于活动状态，p:first-letter 就不起作用

Question

这是小提琴设置： CSS 伪类因 JavaScript 失败

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

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

它停止工作......为什么？抽出 JS，不理会其他所有内容，它工作正常……我重新阅读了 W3 规范的首字母，但仍然看不出这是哪里出了问题。

TIA。

写！

编辑：奇怪的是，第一行，第一个孩子，&c 都可以在 JS 中正常工作。只有第一个字母停止工作。

Answer 1

Chrome 和 IE 对此设置没有任何问题，只有 Firefox 有问题。不幸的是，没有简单的解决方法。这个问题显示了同样的问题（尽管它生成了突出显示它的内容）。

它与这个错误有关（我认为）。尝试查看 Firefox 中简化的测试用例，但它失败了。这已经存在多年了，所以我不会屏住呼吸等待它得到修复。唯一的解决方案是不要将pulledQuote班级作为段落的第一个孩子。