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

我终于想出了如何使用Twitter Bootstrap工具提示，并试图设计它。我已经提出了有关其他插件的类似问题，并且它们都以特定的CSS选择器结束。对于jScrollPane，曲目的选择器是.jspTrack。什么CSS选择器可以用来选择Bootstrap工具提示？

Fiddle

我的问题是，什么是Twitter的引导提示的CSS选择器？

来源

2014-01-11 Joe P.

http://getbootstrap.com/javascript/#tooltips – Jerreck

@Jerreck我已经搜遍了教程，他们没有提到任何CSS选择器 –

在评论中链接的文档显示您何时生成工具提示的出品标记的样本：

标记

工具提示的生成的标记是相当简单的，但它确实需要一个位置（默认情况下，由插件设置为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选项决定，否则它是所述的默认值。

来源

2014-01-11 02:51:16 BoltClock

文档_also_说你可以使用这个：''with'$（'element'）。tooltip（）;' –

@JJP：是的，但这并不改变工具提示的生成方式。该标记是指与工具提示关联的元素，而不是工具提示本身。 – BoltClock

那么为什么工具提示没有你提到的标记呢？ –

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

回答

标记

使用

相关问题