qTip / css格式问题

Question

我有一个qTip，我用它来显示数据。除了表格数据的格式化之外，它的工作效果很好。

qTip的内容中嵌入了table。尽管已使用ui-tooltip-green类，但表格内容仍保留在我的默认样式表中建立的默认格式。

如何取消来自默认样式表的默认格式，而是使用ui-tooltip-green类中的样式？

以下是工具提示的图片 - 您可以看到表格数据采用不同的格式：

Answer 1

如果你有css规则互相覆盖并且不确定如何解决它，你可能想要阅读specificity in css。虽然这听起来不一定是问题的原因，但问题与该主题非常相关。在你的情况下，听起来你没有规则可以应用于该表，所以它在特定树中更高的位置抓取一些更通用的规则。

要清楚，对您的问题最简单的解决方案可能在于您编辑/添加css规则以使其特定于您希望的位置。具体来说（请原谅双关语）你需要在你的CSS中明确表示你希望该表及其元素的样式与父母一样。

e.g。如果工具提示中的链接的CSS看起来像这样：

.ui-tooltip-green a {
     color: rgb(0,255,0);
     font-weight: bold;
}

然后，更多特定于表的条目会强制该样式使用该元素，例如：

.ui-tooltip-green table a {
     color: rgb(0,255,0);
     font-weight: bold;
}

如果没有看到所有涉及的代码，很难给出明确的答案，但从一般意义上讲，您只需要为该表添加[更具体]规则。