2

いくつかのソースから集めたCSSがいくつかありますが、私の質問は非常に基本的なものです。

このjsfiddleの内容：http：//jsfiddle.net/Ekbsb/1/なぜ 外部divのUL CSSが「ダウンストリーム」divのULルールよりも優先されるのですか？

具体的には：

#bodytopPan ul{margin:0px 0px 0px 25px; padding:0px;}

このコードを上書きしています：

.ILdropdown  ul{
    left: 0;
    margin: 5px 0;
}

.ILdropdown ulHTMLでは「下」に配置されていますが。これは、それがどのように機能するべきかとは逆ではありませんか？

私の目標はbody ul、この特定のインスタンスのコードを何かに置き換えることです。

ありがとう。

4

3 に答える 3

3

CSS ID（＃）はクラス（。）よりも優先されます

次のように書き直します。

#bodytopPan ul{margin:0px 0px 0px 25px; padding:0px;}

#bodytopPan .ILdropdown  ul{
    left: 0;
    margin: 5px 0;
}
于 2012-08-02T21:28:55.183 に答える
2

bodytopPanはidであり、クラスである.ILdropdownよりも具体的です。特異性が高いほど、宣言がより強調されます。

于 2012-08-02T21:29:01.330 に答える
0

HTMLでの順序ではなく、CSSでの順序です。

編集：具体的にしたい場合（つまり、「本体」のメインの最初のulにのみ影響し、他には影響しない場合body > ulは、本体の直接の子である順序付けられていないリストのみを対象とすることができます。明らかに、この場合、より似body > div > div > ulていますが、ターゲットにするULをより具体的にすることができます（クラスがない場合）

于 2012-08-02T21:27:59.053 に答える