为什么文本在工具提示内容和其父文本中都是透明的？

Question

我有一个工具提示，它有一个.toolTip类，它的内容有一个.toolTipContent类。工具提示中有两个spans，第一个span有文本“悬浮在这里”，第二个是工具提示内容。我选择了.toolTip中的第一个.toolTip，以便它是透明的，但是当.toolTipContent弹出时，它仍然是可见的，而hovering在它上面，但是两个spans都是透明的。

演示

代码：

    .toolTip:hover > span {
         color: rgba(0,0,0,.08);
    }

Answer 1

您使用的代码意味着.toolTip下的所有跨度都是透明的。如果要透明.toolTip下的第一个元素，请使用以下命令

.toolTip:hover > span:first-child {
    color: rgba(0,0,0,.08);
}