防止子元素中的引導程序衝突

我在大多數頁面上使用引導程序，但我想在div.col中使用自定義CSS來獲得更好看的表格，但引導程序CSS會影響某些樣式。防止子元素中的引導程序衝突

我想重置所有樣式爲特定的div和它的孩子。

除了顯式重載每個樣式引導程序的用途外，是否有處理這種情況的方法？

來源

2016-09-29 Daniel

你能提供一個例子嗎？理想情況下，您應該能夠覆蓋設置，而不是完全重置它們。 – Jrod

不要在div上使用任何類？ – DaniP

要重置特定div的所有樣式，可以添加'all：unset;' CSS屬性。

<div style="all: unset;">...</div>

這將撤消（「未設置」）所有樣式當前應用於該分區（但不包括它的孩子），讓你增添你的願望，其曾經的。

看到它在這裏的行動（包括如何應用到所有的子元素）：

http://codepen.io/esr360/pen/kkogwm?editors=1100#0

這是一個引導的手風琴已經「無樣式」。

查看瀏覽器的支持位置：http://caniuse.com/#feat=css-unset-value

不出所料，這並不在IE瀏覽器。

來源

2016-09-29 15:01:50

這適用於未設置。我嘗試使用內部定義的id來嘗試實現其他樣式，並很高興看到它的作品。所以這意味着它不會重置那些與在reset之後定義的id風格相關的值。http://codepen.io/scorch/pen/QKrdYY？editors = 1100雖然這是個好消息，但我不知道什麼是未設置的規則。 – Daniel

@Daniel它應該遵循常規的CSS繼承。例如，在鏈接的例子中，如果向unset添加'！important'，它將再次優先，或者如果您將選擇器更改爲更具體的選擇器，例如'＃accordion.panel-group *'它再次優先。同樣，如果您使新的特殊選擇器不那麼具體，例如將id更改爲類，則不再應用樣式。 –

在你想要新風格的div中添加一個類例如：class =「new-style」然後給它們引導類，在下一步中爲你的類定義屬性和值並添加！important添加他們的結束從這個類讀取，並覆蓋到這個特殊的div的引導類。你沒有重置引導樣式..... 你可以用「！！important」來解決你的問題「」

來源

2016-09-29 14:56:36 Pooya

防止子元素中的引導程序衝突

回答

相關問題