css - 修复下拉菜单 CSS 样式，无需星号 hack

Question

我的下拉菜单可以正常工作，但 CSS 样式有问题。如果我在顶部的 CSS 文件中有：

* {
    margin: 0;
    padding: 0;
}

一切都好。但是如果我删除了这个块，我会得到这个结果http://jsfiddle.net/BERRF/8/。我怎样才能修复它，让它看起来像以前的星块？最好回答 jsfiddle。提前谢谢。

Answer 1

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

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

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

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

JS小提琴