1

ファイルをドラッグすると境界線の色が変わるファイル ドロップ エフェクトを作成しています。

#upload-photo {
    height: 150px;
    text-align: center;
    line-height: 150px;
    font-size: 18px;
    border-radius: 3px 3px 3px 3px;
    border-style: dashed;
    border:4px dashed #c0c0c0;
}
.upload-photo-border {
    border:4px solid #999;
}

HTML コード:

<div id="upload-photo">Drop photo here to upload.</div>

jQuery コード

.............
    dragOver: function() {
        // user dragging files over #dropzone
                $("#upload-photo").addClass("upload-photo-border");
                $('#upload-photo').css('width', '100px');
    },
..........

必要なクラスを追加しても、境界線の色は変わりません。何か間違ったことをしているかどうかはわかりません。

4

2 に答える 2

3

これは特異性の問題です。クラス セレクターをより具体的にします。例えば:

#upload-photo.upload-photo-border{
    border:4px solid #999;
}

原則として、ID セレクターはクラス セレクターよりも具体的であり、クラス セレクターはタグ名セレクターよりも具体的であることに注意してください。

さらに、セレクターに存在するパーツが多いほど、より具体的になります。

于 2012-11-26T10:37:25.047 に答える
2

css id ルールはクラス ルールよりも強力です。このように書くことができます

#upload-photo.upload-photo-border {
    border:4px solid #999;
}

または使用 !重要

.upload-photo-border {
    border:4px solid #999 !important;
}
于 2012-11-26T10:37:47.687 に答える