如何删除特定元素的 Bootstrap CSS 样式？答案

【问题标题】：How can I remove a Bootstrap CSS styling for a specific element?如何删除特定元素的 Bootstrap CSS 样式？
【发布时间】：2016-12-08 05:42:40
【问题描述】：

我正在使用 Bootstrap 制作一个关于原版魔兽世界的网站。为了让项目工具提示正常工作，我使用了来自 db.vanillagaming.org 的资源：

<script type="text/javascript" src="http://db.vanillagaming.org/templates/wowhead/js/power.js"></script>

我测试了它，它没有工作。经过一番搜索，我注意到如果我删除了 bootstrap.min.css 它可以工作。 Bootstrap 的一些 CSS 样式正在删除显示项目工具提示的能力。

那么，我的问题是如何删除特定元素的 Bootstrap CSS 样式？在本例中为 a 元素。

<a href="http://db.vanillagaming.org/?spell=20150">Shield Specialization</a>

【问题讨论】：

你能提供你的问题的活生生的例子吗？
使用 db.vanillagaming.org 提供的 power.js 我应该能够使用指向 db.vanillagaming.org 上任何项目的链接，当我网站上的用户将鼠标悬停在该链接上时，它显示有关该项目的信息的工具提示。没有有效的引导 CSS，但如果我包含它，它就不起作用。所以我认为 CSS 会覆盖 power.js 使用的一些样式...
Bootstrap 有自己的tooltips。
codepen.io/anon/pen/xRzKjX 可能不正确，但我看不出问题
欢迎来到 StackOverflow，您的问题应该包含一个最小、完整和可验证的示例，here's how。

【解决方案1】：

由于 Bootstrap 和 db.vanillagaming.org 都有一些 .tooltip 类的样式，它们相互覆盖。要使其正常工作，您可以添加一个修复程序：使 .tooltip 可见 .tooltip { opacity : 1; } 应该可以解决您的问题。

【讨论】：