0

私は次のCSSルールを持っています：

input[type="submit"],input[type="reset"]{
    background-image:url(skins/images/bg_mega_hdr_on.png);
    background-repeat:no-repeat;
    padding:5px;
    margin:5px;
    color:#000;
    cursor:pointer;
}

#submit-search{
    background-image:url(skins/images/bg_blue.png) !important;
}

cssルールによると、idセレクターはジェネリックセレクターよりも優先されますが、このルールを適用すると、2番目のルールが最初のルールによって上書きされるのはなぜですか？私も！importantを適用したことに注意してください。その後、最初のものだけが適用されます。

4

2 に答える 2

1

この id="submit-search" のようなものスペースが奇妙なセレクターの動作を引き起こす可能性があることに注意してください! 追伸。まだコメントできません。細かい点まで...

于 2013-02-07T15:53:50.460 に答える
0

私にとっては正しく動作します。このjfiddleを参照してください。他に何か問題があるに違いありません (削除!importantしても問題なく動作します)。

于 2013-02-07T15:59:15.693 に答える