css - 修复没有星号 hack 的下拉菜单 CSS 样式

Question

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

* {
    margin: 0;
    padding: 0;
}

一切顺利。但是如果我删除这个 block ，我会得到这个结果 http://jsfiddle.net/BERRF/8/ .我怎样才能用 star's block 修复它，让它看起来像以前一样？最好回答 jsfiddle。提前致谢。

Answer 1

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

在你的例子中，你只需要 margin: 0 和 padding: 0 到 ul 和 h3 #accordian 元素中存在的元素。

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

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

JS fiddle