javascript - 既存のスタイルに対抗する

Question

Javascript によって作成およびスタイル設定された、パディングのある div があります。この div は、次の CSS ルールを使用してページに作成されます。

div {
    width: 100%;
}

これは、作成した div の幅を自然に加えてそのパディングに変更するため、混乱します (したがって、div の境界線の外側にボタンが表示されます)。コンテンツに依存するため、div 幅を静的に設定することはできません。では、このルールを上書きして「デフォルトの幅」に戻すにはどうすればよいでしょうか?

Answer 1

次の CSS が必要です。

div { width: auto; }

CSS ルールは JavaScript を介して適用されるため、インライン スタイルになる!importantため、古いルールを上書きできるように、新しいルールの特異性が高いことを確認するために使用する必要がある場合があります。

div { width: auto !important; }

もちろん、JavaScript を編集して、スタイルが に追加されないようにできればさらに良いでしょうdiv。