bootstrap工具提示颜色取决于容器

Question

如何根据容器更改bootstrap tooltip background-color

我的标题是白色，我的页脚是黑色

#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＆gt; .tooltip＆gt; .tooltip-inner或者只是把！重要但要确保你的课程是他们的。