0

チケットサービス (OK-Ticket) の js-widget を使用しています。このウィジェットのコンテナーには、動的に生成される ID があります。何かのようなもの

<li class="okticket">
    <div id="ok_5134e2847ffe8">
        // The widget stuff
    </div>
</li>

もちろん、スタイルを上書きすることはできません

.okticket div {
    margin:0;
}

!important を使用することもできますが、誰もが「!important を使用しないでください」と言います。ここしか行けないんじゃないの?

4

4 に答える 4

2

に ID を追加してから.okticket div、CSS を作成し#okdiv div {}ます。

CSS では #ID + セレクターは単なる #ID よりも重要です

デモhttp://jsfiddle.net/enapupe/WkwDH/

于 2013-09-21T14:18:14.073 に答える
1

使用しないでください !important は 1 か所にあります。これらの状況は、それをうまく利用するために考えられます。

別の方法として、同じ #id セレクターを使用して独自のスタイルを記述できます。もう 1 つの方法として、親クラスと #id を子孫セレクターとして使用します。これにより、元の #id ルールもオーバーライドされます。

インラインや重要を書く必要はありません!

于 2013-09-21T14:12:22.963 に答える
0

その場合、最後のクラスがクラス プロパティをオーバーライドするため、クラスと id の場所を変更します。

于 2013-09-21T14:16:26.130 に答える
0

もう1つの方法は、htmlでスタイル属性を使用することです

<li class="okticket">
    <div id="ok_5134e2847ffe8" style="margin:0">
        // The widget stuff
    </div>
</li>
于 2013-09-21T14:08:13.477 に答える