什么CSS选择器可用于选择Bootstrap工具提示？

Question

我终于想出了如何使用Twitter Bootstrap工具提示，我正在尝试设计它。我已经问过其他插件的类似问题，它们最终都是特定的CSS选择器。对于jScrollPane，曲目的选择器为.jspTrack。

Fiddle

我的问题是，Twitter Bootstrap工具提示的CSS选择器是什么？

Answer 1

评论中链接的文档显示了生成工具提示时生成的标记样本：

  

标记

     

生成的工具提示标记相当简单，但它确实需要一个位置（默认情况下，插件设置为top。）

<div class="tooltip">
  <div class="tooltip-inner">
    Tooltip!
  </div>
  <div class="tooltip-arrow"></div>
</div>

基于此确定CSS选择器应该相当容易。

如果您打开浏览器的DOM检查器然后悬停表单元素，则可以看到.tooltip附加的其他类名。示例中的一个生成以下.tooltip元素：

<div class="tooltip fade right in" style="…">

如果您只需要选择属于特定触发元素的工具提示，则取决于工具提示在DOM中的确切位置。文档说（就在我引用的第一部分的上方）：

  

用法

     

工具提示插件会根据需要生成内容和标记，默认情况下会在触发元素后面放置工具提示。

因此选择器将是.mytrigger + .tooltip，其中.mytrigger是触发该工具提示的表单元素。 DOM位置由container选项确定，否则它是默认值。