tooltip 里面字体颜色不一样

您可以通过使用HTML和CSS来实现tooltip中不同字体颜色的效果。请参考以下示例代码：

HTML代码：

<span class="tooltip">Hover over me
  <span class="tooltip-text">This is a tooltip with different font colors.</span>
</span>

CSS代码：

.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip .tooltip-text {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.tooltip .tooltip-text span {
  color: red;
}

.tooltip .tooltip-text .blue {
  color: blue;
}

在上述示例中，我们使用了一个包含两个嵌套的`<span>`元素的结构。通过设置不同的颜色类，您可以为tooltip中的文字指定不同的颜色。在CSS代码中，`.tooltip .tooltip-text span`选择器用于选择tooltip文本中的红色字体，`.tooltip .tooltip-text .blue`选择器用于选择tooltip文本中的蓝色字体。

您可以根据需要进行自定义修改以适应您的具体情况。