Html Bootstrap 3-数据容器更改工具提示自定义css

我使用Bootstrap 3为特定的工具提示定制了css，为了避免渲染时出现问题，我必须设置

data container=“body”

属性。它修复了渲染问题，但我的css不再工作。我这里的问题是关于正确的css选择器，以使我的css再次工作

HTML元素是

<i data-toggle="tooltip" title="${item}" data-placement="top" class="custom-tooltip material-icons" data-container="body">insert_comment</i>

---

我尝试了

.custom tooltip[data container=“body”]+.tooltip>.tooltip internal

，

[data container=“body”].custom tooltip+.tooltip>.tooltip internal

，但不起作用。我知道这是一个非常基本的问题，但我被卡住了。非常感谢您的帮助。

工具提示

.tooltip>.tooltip-inner

HTML在哪里？很奇怪，它在这里工作。你有一些冲突或越界的事情发生。自定义工具提示+.tooltip>.tooltip内部{color:#f00；}似乎popover有更多的功能，您可以检查一下@m4n0引导添加工具提示内部工具提示我不认为数据容器可以用于工具提示，这就是为什么我建议使用popover并修改它以适合您的内容。

.custom-tooltip + .tooltip > .tooltip-inner {
    //My changes
}