防止子元素中的引导程序冲突

我在大多数页面上使用引导程序，但我想在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

防止子元素中的引导程序冲突

回答

相关问题