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

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 但要确保您的类(class)在他们的类(class)之后。