引导隐藏类答案

【问题标题】：Bootstrap hidden class引导隐藏类
【发布时间】：2017-03-13 13:10:53
【问题描述】：

我在使用 Bootstrap 和 Wordpress 管理面板时遇到问题。

基本上，我安装了一些 Bower 组件，当我构建我的项目时，它们都被连接在一起（对于 CSS 和 JS）。

问题是：Bootstrap .hidden 类使用!important

这对我来说是个问题，因为 wordpress 管理端的一些元素看起来像这样：

... class=".... hidden" style="display:none" ...>

它们同时具有类 .hidden 和内联样式。

Wordpress 默认的 .hidden 类被 Bootstrap 类替换，因此内联样式被忽略，并且 Bootsrap 的!important 阻止它从 display: none 更改为 display: block。

不幸的是，我需要在后端启动引导程序来处理很多其他事情。

有什么办法可以替换那个类吗？（我只是想摆脱 !important 保持其他一切不变）

理想情况下，无需更改引导核心 css 以使其更新安全

ps：这在 Bootstrap 4 上会有所不同吗？如果它解决了这个问题，我不介意更新它。

谢谢

【问题讨论】：

【解决方案1】：

你可以使用 jQuery 的$('the_CSS_Type_Selector').removeClass('TheClassToRemove')。您可以使用.attr()更改属性

【讨论】：

感谢您的建议，但这意味着我必须在 wordpress 的整个管理部分中搜索该类的 eahc 实例。老实说，我希望有一些更通用的东西
CSS中的继承和优先级也可以帮助你脱颖而出。 CSS 中的选择器越具体，它就越有效。像html {color: blue !important} 被html.no-js{color: red !important} 克服
如果您可以粘贴情况（HTML代码和检查元素上的CSS），那么我可以具体告诉您选择和克服的方法......
是的，我知道。不幸的是，我有各种各样的东西来改变 CSS，并且使用这种方法它不是一个选项，因为元素是可变的，甚至可能很多（也是数百个）
尝试使用div.hidden{display: block !important}，因为这比.hidden类更具体

【解决方案2】：

您可以从引导 css 中删除 !important。

如果您的计算机上没有本地文件，则必须下载它们。

【讨论】：

【解决方案3】：

最后我决定使用http://getbootstrap.com/docs/3.3/customize/ 并创建一个包含我需要引导程序的主题。

这样我可以包含一个特定的精简版引导程序，只有按钮和图标（这是我在后端需要的），而不会再出现类冲突问题。

【讨论】：