如下所示，IE下面该如何使其可以像Chrome一样正常显示？

Question

代码

使用jQuery操作DOM

var data = $('<li>Hello, This is a list.</li>').appendTo('#main>ul');data.show();

对应的CSS

#main>ul{ list-style-type: none;}

现象

在Chrome、Firefox下面，该<li>标签很正常的出现
但是在IE7下面，该<li>标签会先出现一个默认的list-style-type，然后执行CSS定义的list-style-type: none

Answer 1

我试了一下没有发生你所说的情况，可能是用IETester的原因无法重现。data.show();这一句是不必要的。因为appendTo时DOM已经发生渲染了。有时为了实现数据append后slideDown的效果，经常这样做:var data = $('<li>Hello, This is a list.</li>').hide().appendTo('#main>ul').slideDown('slow');

Answer 2

css修改为：#main&nbsp;ul{&nbsp;list-style-type:&nbsp;none;}