css - スターハックなしでドロップダウンメニューのCSSスタイルを修正

Question

ドロップダウン メニューは正しく機能しますが、CSS スタイルに問題があります。一番上のCSSファイルにある場合：

* {
    margin: 0;
    padding: 0;
}

全て大丈夫だ。しかし、このブロックを削除すると、http://jsfiddle.net/BERRF/8/という結果が得られます。スターのブロックで以前のように見えるように修正するにはどうすればよいですか? jsfiddle への回答が最適です。よろしくお願いします。

Answer 1

*ユニバーサルセレクタです。CSS スタイルをすべての要素に適用します。

あなたの場合、要素に存在する and 要素margin: 0のみpadding: 0が必要です。ulh3#accordian

したがって、使用する#accordian ul代わりに使用して*ください。

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

JSフィドル