html - 如何删除特定元素的 Bootstrap CSS 样式？

Question

我正在使用 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>

这是一个例子:http://codepen.io/diogocapela/pen/QGxLYj

Answer 1

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

http://codepen.io/anon/pen/JbZjjZ