MooTools的和CSS - P：第一字母不起作用一旦JS是积极

这里的小提琴设置：CSS pseudo class fails with JavaScript MooTools的和CSS - P：第一字母不起作用一旦JS是积极

由于某种原因，“第一字母”伪级工作正常，没有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！

编辑：奇怪的是，一线，第一胎，& c所有工作正常与JS。只有第一个字母停止工作。

来源

2013-03-26 WhiteRau

有趣的是，在Chrome浏览器和IE浏览器中工作正常，但不是Firefox。我似乎记得FF对于它认为是'：first-letter'的东西很挑剔。 – CherryFlavourPez 2013-03-26 15:48:59

它可以工作，如果您将选择器更改为跨度：第一个字母 - 好，工作方式不同，因为它允许您定位它。它可能是嵌套的跨度标签 – 2013-03-26 15:50:01

是的。很奇怪，呃？实际上在IE中运行但不是FF的东西！？我正在检查天空中的新星......无论如何，听起来像这可能是一个兼容性/标准问题......来自FF ... eep！：P但为了以防万一，我打算让这个开放一点...没有进攻的球员。 :) – WhiteRau 2013-03-26 15:59:26

Chrome和IE在这个设置上没有问题，它只是Firefox有问题。不幸的是，并不容易解决。 This question显示了同样的问题（尽管它生成的内容突出显示了它）。

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

来源

2013-03-26 16:15:01 CherryFlavourPez

craaaaaap。但是谢谢。 :)我有一些想法，打破了一个解决方法...祝我好运。 – WhiteRau 2013-03-26 17:30:39

MooTools的和CSS - P：第一字母不起作用一旦JS是积极

回答

相关问题