javascript - CSS 未应用于所有附加的列表元素

Question

代码链接:http://codepen.io/danessh/debug/uCBds

期望的效果是将任何添加的元素附加到带有圆 Angular 的菜单。那部分似乎有效，但 CSS 似乎没有按我预期的那样工作。

问题:

在第一个重叠之后添加的任何元素的边距，而不是像最后添加的元素一样出现。我可以看到这个，因为设置了不透明度。

问题:

第一个元素由 CSS 设置样式，而以相同方式添加的所有其他元素未显示所有样式声明的可能原因是什么？

注意:元素被附加到 $('#menu ul'); 对象。当我使用 $('li:last'); 附加一个元素时，显示的第一个元素与其他菜单项重叠。 margin: -2px; 是为现有菜单项设置的，这样就不会出现间隙。

Answer 1

2px 空间实际上来自您的标记(有一堆 articles on this )。如果您删除 <li> 之间的空格元素，空格将消失。这是使您的 <li> 产生的副作用内联元素。

动态创建的元素没有这个问题，所以你把它们移动了 2px 太多了。要修复它，请完全删除负边距并删除空格或将它们 float 到左侧。