私はほとんどのページでブートストラップを使用していますが、div.col
でカスタムCSSを使用して見栄えの良い表を取得したいと思っていますが、ブートストラップCSSはスタイルの一部。子要素のブートストラップの競合を防ぎます
特定のdivのすべてのスタイルとそれが子供です。
ブートストラップが使用するすべてのスタイルを明示的にオーバーロードする以外に、これを処理する方法はありますか?
私はほとんどのページでブートストラップを使用していますが、div.col
でカスタムCSSを使用して見栄えの良い表を取得したいと思っていますが、ブートストラップCSSはスタイルの一部。子要素のブートストラップの競合を防ぎます
特定のdivのすべてのスタイルとそれが子供です。
ブートストラップが使用するすべてのスタイルを明示的にオーバーロードする以外に、これを処理する方法はありますか?
特定のdivのすべてのスタイルをリセットするには、 'all:unset;'を追加します。 CSSプロパティ
<div style="all: unset;">...</div>
これは、あなたが望む今までどれ追加するには、あなたを残して、(ただし、それは子供たちの)現在そのdiv要素に適用されるすべてのスタイル(「未設定」)取り消されます。
は、(すべての子要素に適用する方法を含む)、ここでのアクションでそれを参照してください。
http://codepen.io/esr360/pen/kkogwm?editors=1100#0
これは「unstyled」されているブートストラップアコーディオンです。ここ
ビューのブラウザのサポート:http://caniuse.com/#feat=css-unset-value
当然のことながら、これはIEで動作しません。
これは設定を解除するために機能します。私は、他のスタイルを実装しようとするために定義されたIDを持つスタイルを使用しようとしました。したがって、リセット後に定義されたIDのスタイルに関連付けられた値はリセットされないことを意味します.http://codepen.io/scorch/pen/QKrdYY?editors = 1100これは良いニュースですが、設定されていないルール。 – Daniel
ダニエルそれはちょうど正規のCSSの継承に従うべきです。たとえば、リンクした例では、未設定に '!important'を追加すると、再度優先されます。あるいは、セレクタをより具体的なものに変更すると、 '#accordion.panel-group *'が再び優先されます。同様に、idをクラスに変更するなどして、新しい特殊なセレクタをあまり具体的にしないと、スタイルは適用されなくなります。 –
div内に新しいスタイルを追加するにはclass = "new-style"を追加してから、次のステップでクラスのプロパティと値を定義して追加する!このクラスから読み込むためにそれらの最後を追加し、この特別なdivのブートストラップクラスにオーバーライドしてください。ブートストラップスタイルをリセットしていません..... あなたの問題を ""重要 ""で解決できます
例を挙げることはできますか?理想的には、完全にリセットするのではなく、設定を上書きできるだけです。 – Jrod
divでクラスを使用しないでください。 – DaniP