Question

给出以下代码段：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <style>
            .red {
                color: red;
            }
        </style>
        <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    </head>
    <body>
        <ul>
            <li id="a">A</li>
            <li id="b">B</li>
        </ul>
        <script>
            $(function(){
                setTimeout(function(){
                    $('#b').addClass('red');
                }, 0);
                $('#a').addClass('red');
            });
        </script>
    </body>
</html>

在Chrome上生成此输出（请注意黑色圆圈）：

~~只需交换元素的顺序或JavaScript行的顺序即可解决问题。~~ 不为true，这是我的生产代码中的内容。

这也存在于Chrome Canary上，并且至少在Firefox中正常运行。

有没有人遇到过这个问题？应该报告（以及在哪里）？

在某些情况下，Chrome会忽略LI类

0 个答案: