引导工具提示颜色取决于容器

Question

如何根据容器更改引导工具提示背景颜色

我的页眉是白色的，我的页脚是黑色的

#header .tooltip-inner{
background-color:fade(@grayWhite,80);
}

#footer .tooltip-inner{
background-color:fade(@black,80);
}

它不起作用 我该怎么做？

我只能（为所有人）做

.tooltip-inner {
  color: @grayLight;
  background-color:fade(@grayWhite,80);
}

谢谢

Answer 1

根据变量名看起来像 2.x。

通常您需要更具体地使用选择器，但如果您的 css 在 Bootstrap 的 css 之前出现，那么它们的类将覆盖您的。您可以尝试 #header > .tooltip > .tooltip-inner 或直接输入 !important 但请确保您的课程在他们的课程之后。