如何将引导工具提示 CSS 仅应用于特定元素？

Question

我想创建两个带有引导工具提示的元素：一个与左上角对齐 (tr)，一个位于顶部 (img)。

要素如下：

<tr data-toggle="tooltip" data-placement="top" title="title2">
    <th>test</th>
    <th>test</th>
<tr/>


<img src="link.png" data-toggle="tooltip" data-placement="top" title="title1"/>

下面的内容可以使其工作，但它将所有工具提示的工具提示设置为“左上角”。我只想要 tr 元素：

.tooltip {
     left:20px !important;
}

我尝试过使用以下两种方法，但都不起作用：

tr.tooltip {
     left:20px !important;
}

.tooltip tr {
     left:20px !important;
}

Answer 1

创建包含要添加工具提示的元素的 HTML 结构。例如：

<button id="myButton" data-toggle="tooltip" title="This is a tooltip">Hover me</button>

然后添加 jQuery 代码

<script>
  $(document).ready(function () {
    $('#myButton').tooltip();
  });
</script>

有了这个你就会明白了，只需要更改 ID 并且我认为你已经插入了 Bootstrap 文件。