如何仅为一个 class 修改 bootstrap 工具提示

Question

我的网站上有几个工具提示。对于其中一个，我想更改颜色和文本大小。但对于其余部分，它仍然是默认值。不知何故 .myClass > .tooltip-inner 不起作用。

有解决办法吗？

演示：http://jsfiddle.net/danials/j7yp2qxk/

代码:

.tooltip-inner {
    color:red;
}

.myClass > .tooltip-inner {
    color:white;
}

Answer 1

如下更改您的CSS：

.tooltip-inner {
    color:red;
} 
.myClass .tooltip-inner {
    color:white;
}

这是一个有效的 FIDDLE

Answer 2

试试这个

HTML:

<h3 id="myclass"></h3

CSS:

#myclass .tooltip-inner {
        color:white;
}