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是積極

回答

相關問題