为什么'；我的CSS选择器是否选择了正确的元素？

我这里有一把小提琴：

在我的CSS中，如果我使用：

.tooltip-inner {
    background-color: #0000FF !important;
}

我的工具提示按预期显示为蓝色：

但是如果我使用

.blue-tooltip .tooltip-inner {
    background-color: #0000FF !important;
}

然后我的工具提示不再是蓝色的，即使我有

<span class="blue-tooltip" v-tooltip="message">{{ message }}</span>`

{{message}`

---

为什么第二个选择器不起作用？

因为你的.tooltip-inner实际上不在内部。蓝色的tooltip，但仅位于它附近的绝对位置。

试试这个方法肯定会解决你的问题，因为tooltip div在body元素内部创建，而不是在tooltip之后。

.tooltip.tooltip内部{
背景：红色！重要；
}

---

因为工具提示是在外部生成的元素，并以固定方式插入到主体中