html - カスタム CSS が私のスタイルを上書きしないようにするにはどうすればよいですか?

Question

問題

私は自分のスタイルで構築されたサイトを持っており、それは私が好きなように見えます. ただし、 BootBoxからダウンロードしたカスタムダイアログボックスを追加して、機能を追加したいと考えています。

しかし、それに付随して必要とされる広範なスタイルシートは、私のサイトを完全に殺し、あらゆる方法でそれを破壊します.

とにかく、BootBox.css をサイト全体ではなくコードのごく一部にのみ適用することで、これを止めることができますか?

score 3 · Accepted Answer

ブートストラップが使用する LESS を使用できます。

例：

#ContainerWithBootboox {      
   @import (less) "bootstrap.css"; //import bootstrap
}

ドキュメント: http://lesscss.org/

score 1 · Accepted Answer

LESSまたは [SASS] ( http://sass-lang.com )の助けを借りて、労働集約的ではなく、

LESS を使用する場合は、すべてのブートボックス css ルールを親ルート内にラップするだけです。例：

.bootbox {
    /*move all bootbox CSS rules here*/
    h1 { color: inherit;}
    .someclass { color: red;}
}

次のようにコンパイルされます。

.bootbox .h1 { color: inherit }
.bootbox .someclass {color:red;}

score 0 · Accepted Answer

iframe 内に BootBox コードを配置できます。iframe によって読み込まれた css は、iframe 内のコンテンツにのみ適用されます。この戦略を使用して、テーブルなどのページの特定の領域にのみブートストラップを適用し、ページの残りの部分はそのままにしておきます。

4 に答える 4