修复下拉菜单CSS样式,无需星型破解

修复下拉菜单CSS样式,无需星型破解,css,drop-down-menu,margin,padding,Css,Drop Down Menu,Margin,Padding,我有一个下拉菜单,可以正常工作,但是CSS样式有问题。如果顶部CSS文件中有: * { margin: 0; padding: 0; } 一切都很好。但是如果我去掉这个块,我会得到这个结果。我怎样才能用star's block修复它,使其看起来像以前一样?最好回答JSFIDLE。提前感谢。*是通用选择器。它将css样式应用于所有元素 在您的情况下,您需要边距:0和填充:0仅用于ul和h3元素中的#accordian元素 因此,使用#手风琴ul而不是使用* #accordian

我有一个下拉菜单,可以正常工作,但是CSS样式有问题。如果顶部CSS文件中有:

* {
    margin: 0;
    padding: 0;
}

一切都很好。但是如果我去掉这个块,我会得到这个结果。我怎样才能用star's block修复它,使其看起来像以前一样?最好回答JSFIDLE。提前感谢。

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

在您的情况下,您需要
边距:0
填充:0
仅用于
ul
h3
元素中的
#accordian
元素

因此,使用
#手风琴ul
而不是使用
*

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

像以前一样使用星光挡块吗?或者没有星挡?和以前一样有星挡,但是没有星挡,如果你知道我的意思的话。谢谢,但是还有一些底边。查看原始菜单@Draffix如果我的解决方案对您有所帮助,请将其标记为答案:)