ホームページ  >  記事  >  ウェブフロントエンド  >  グローバルCSSを無効にする方法はありますか? _html/css_WEB-ITnose

グローバルCSSを無効にする方法はありますか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:07:371735ブラウズ

私はブートストラップを使用していますが、この強力なフレームワークにはすべての HTML 要素に独自の CSS があります

CSS を自分で設定したい特別な がありますが、そのグローバル CSS は常に影響を受けます。

グローバル CSS を無効にする方法はありますか?他の場所で設定された CSS が私のこの要素に影響を与えないようにするためです。


ディスカッションへの返信(解決策)

iframe に入れても良いはずです


彼よりも詳細を書くことはできないでしょうか?

フロア 1 への返信:
iframe に独立したボディを追加するということですか?良い方法だと思いますので、後で試してみます。

Floor 2 への返信:
Bootstrap にはデフォルトの CSS がたくさんあります。たとえ div に何も書かなくても、その CSS が適用されます。どの属性が自分に影響を与えるのかさえわからないのに、なぜそれよりも優先度が高いのでしょうか?

特定の要素とそのサブ要素に対してのみ有効になるように設定できますか?

呼び出されたスタイルに ! important がない場合は、それを無視してかまいません。当然のことながら、ブートストラップは spam タグを何も設定しません。


ブートストラップでは、排他的なクラス名が最初に追加され、その後に影響を与えます。


この小さなスパン スタイルを適用したいだけの場合は、そのスタイルを直接コピーしてください。または、ブートストラップ スタイルの参照を先頭に置き、独自の CSS を導入します。スタイルは上書きされません

呼び出されたスタイルに ! important がない場合は無視してください

bootcss CSS ファイルを見てみると、 ! important がたくさんあります

私自身の CSS
のように書かれています
どれと競合するか分かりませんが、bootcss なしでも正常に表示されます。その重要性を無効にする方法はありますか?

! important

Span についてはどうですか? important


これを行うことができます
level>level2>level3>span

ラベルが span であり、同時にクラスがあると仮定します。 CSS テーブルが 1 つしかない場合、このスタイルは CSS テーブルの最後に記述されることに注意してください。参照が複数ある場合は順序に注意してください。


最も愚かな方法は、ページ内のグローバル CSS スタイルをオーバーライドすることです

皆さん、ありがとうございます。私のクラスはサードパーティを直接参照しているため、変更するのは困難です。

ということで、結局1階の方法を使いました。 iframe は機能しますが、少し面倒です。 。 。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。