修复下拉菜单CSS样式，没有明星黑客

Question

我有一个正常工作的下拉菜单，但CSS样式有问题。如果我有顶级CSS文件：

* {
    margin: 0;
    padding: 0;
}

一切都很好。但是如果我删除了这个块，我将得到这个结果http://jsfiddle.net/BERRF/8/。我如何解决这个问题，就像以前的星座一样？回答jsfiddle是最好的。谢谢你。

Answer 1

*是通用选择器。它将css样式应用于所有元素。

在您的情况下，您需要margin: 0和padding: 0仅ul元素中存在的h3和#accordian元素。

因此，请使用#accordian ul而不是*。

#accordian ul, #accordian h3{
    padding: 0;
    margin: 0;
}

JS fiddle