css - qTip/css 格式问题

Question

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

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

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

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

Answer 1

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

需要明确的是，解决您的问题的最简单方法可能在于您编辑/添加 css 规则以明确您希望它们在哪里。具体来说（请原谅双关语），您需要在您的 css 中明确表示您希望该表及其元素的样式与其父级一样。

例如，如果工具提示中链接的 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;
}

如果没有看到所有涉及的代码，很难给你一个明确的答案，但一般来说，你只需要为该表添加[更具体的]规则。