css - 更改特定工具提示的位置

Question

我正在使用 Twitter Bootstrap 及其工具提示，并且有一个与 this one 类似的问题，即我想更改工具提示的位置。

但是，在我的例子中，我不想更改所有工具提示的位置，而只想更改下面的工具提示(我想将工具提示向左移动 30 像素)。

<i data-placement="left" title="{% trans "View the tool menu" %}" data-original-title="{% trans "View the tool menu" %}"
class='tooltip-hover menu-handle sprite-io sprite-control2'></i>

那怎么可能呢？

Answer 1

这会更改所有位于左侧的工具提示的位置。

[data-placement=left] + .tooltip .tooltip-inner, 
[data-placement=left] + .tooltip .tooltip-arrow { margin-right:30px; }

如果你只想改变这个元素，给它一个类或id。例如:

#dummy + .tooltip .tooltip-inner, 
#dummy + .tooltip .tooltip-arrow { margin-right:30px; }