Html 将鼠标悬停在分区A上，然后更改分区B

我正在通过CSS做一个工具提示，但我有一个问题，我不知道该怎么做了。 当我打开工具提示并将鼠标放在工具提示窗口上时，我希望保持css的链接以打开窗口。 你可以去看看

问题在于：

。工具提示{
显示：内联；
位置：相对位置；
}
.tooltip:hover.tooltip项：：after{
指针事件：自动；
}
.工具提示：悬停。工具提示内容{
-webkit变换：translate3d（0,0,0）旋转3D（0,0,0,0）；
不透明度：1；
指针事件：自动；
变换：translate3d（0,0,0）旋转3d（0,0,0,0）；
}
.工具提示项{
光标：指针；
显示：内联块；
}
.工具提示项：：之后{
-webkit转换：translateX（-50%）；
底部：100%；
内容：''；
游标：默认值；
高度：20px；
左：50%；
指针事件：无；
位置：绝对位置；
转化：translateX（-50%）；
宽度：300px；
}
.工具提示内容{
-webkit边界半径：3px；
-moz边界半径：3px；
-ms边界半径：3px；-o-边界半径：3px；
背景色：rgba（255255,0.8）；
边界半径：3px；
底部：100%；
盒影：-5px-5px 15px rgba（60,60,60,0.2）；
游标：默认值；
字号：0.765em；
左：50%；
线高：1.5；
利润率：0px 0px 10px-150px；
不透明度：0；
指针事件：无；
位置：绝对位置；
文本对齐：左对齐；
宽度：300px；
z指数：999；
}
.工具提示内容：：之后{
边框顶部颜色：rgba（255255,0.8）；
边框宽度：10px；
内容：''；
游标：默认值；
高度：0px；
左：50%；
左边距：-10px；
指针事件：无；
位置：绝对位置；
最高：100%；
宽度：0px；
}
.工具提示效果.工具提示内容{
-webkit变换：透视（1000px）旋转3d（1,0,0,45度）；
-webkit转换原点：50%计算（100%+10px）；
-webkit转换：不透明度0.2s，-webkit转换0.2s；
变换：透视（1000px）旋转3d（1,0,0,45度）；
变换原点：50%计算（100%+10px）；
过渡：不透明度0.2s，变换0.2s；
}
.工具提示.工具提示效果：悬停.工具提示内容{
-webkit变换：透视（1000px）旋转3d（1,0,0,0度）；
变换：透视（1000px）旋转3d（1,0,0,0度）；
}
.工具提示文本{
颜色：#333333；
游标：默认值；
显示：块；
字体系列：“世纪哥特式”；
字体大小：14px；
线高：1.35；
填充：15px 15px 15px 15px；
}
#developer-div-1:hover~#developer-link-1{-moz边框半径：3px；-ms边框半径：3px；-o-border-radius:3px；-webkit边框半径：3px；背景色：#333333；边框半径：3px；颜色：#E8E8E8；}
#developer-div-2:hover~#developer-link-2{-moz边框半径：3px；-ms边框半径：3px；-o-border-radius:3px；-webkit边框半径：3px；背景色：#333333；边框半径：3px；颜色：#E8E8E8；}

---

©；2016年-Feito com pela Rafael Corazza
11 96607-0940
contato@agenciacabralia.com.br
www.agenciacabralia.com.br e Danilo Rago
11 97977-7636
danilo@estruturaonline.com.br
www.estruturanline.com.br

您可以在链接内添加工具提示，因此当您悬停工具提示时，您也可以悬停链接

下面是一个简单的例子

。工具提示{
显示：内联；
位置：相对位置；
}
.工具提示内容{
位置：绝对位置；
左：50%；
底部：100%；
z指数：999；
宽度：300px；
利润率：0px 0px 10px-150px；
边界半径：3px；
盒影：-5px-5px 15px rgba（60,60,60,0.2）；
不透明度：0；
变换：透视（1000px）旋转3d（1,0,0,45度）；
变换原点：50%计算（100%+10px）；
过渡：不透明度0.2s，变换0.2s；
填充：1em；
颜色：黑色；
文字装饰：无；
游标：默认值；
}
.工具提示项：将鼠标悬停在{
背景：黑色；
颜色：白色；
}
.工具提示项：悬停.工具提示内容{
不透明度：1；
变换：translate3d（0,0,0）旋转3d（0,0,0,0）；
}

&抄袭；2016年-飞拓公司

你的意思是这样的

.tooltip:hover a {
    background-color: black;
}

完整示例

。工具提示{
显示：内联；
位置：相对位置；
}
.tooltip:hover.tooltip项：：after{
指针事件：自动；
}
.工具提示：悬停。工具提示内容{
-webkit变换：translate3d（0,0,0）旋转3D（0,0,0,0）；
不透明度：1；
指针事件：自动；
变换：translate3d（0,0,0）旋转3d（0,0,0,0）；
}
。工具提示：将鼠标悬停在{
背景颜色：黑色
}
.工具提示项{
光标：指针；
显示：内联块；
}
.工具提示项：：之后{
-webkit转换：translateX（-50%）；
底部：100%；
内容：''；
游标：默认值；
高度：20px；
左：50%；
指针事件：无；
位置：绝对位置；
转化：translateX（-50%）；
宽度：300px；
}
.工具提示内容{
-webkit边界半径：3px；
-moz边界半径：3px；
-ms边界半径：3px；-o-边界半径：3px；
背景色：rgba（255255,0.8）；
边界半径：3px；
底部：100%；
盒影：-5px-5px 15px rgba（60,60,60,0.2）；
游标：默认值；
字号：0.765em；
左：50%；
线高：1.5；
利润率：0px 0px 10px-150px；
不透明度：0；
指针事件：无；
位置：绝对位置；
文本对齐：左对齐；
宽度：300px；
z指数：999；
}
.工具提示内容：：之后{
边框顶部颜色：rgba（255255,0.8）；
边框宽度：10px；
内容：''；
游标：默认值；
高度：0px；
左：50%；
左边距：-10px；
指针事件：无；
位置：绝对位置；
最高：100%；
宽度：0px；
}
.工具提示效果.工具提示内容{
-webkit变换：透视（1000px）旋转3d（1,0,0,45度）；
-webkit转换原点：50%计算（100%+10px）；
-webkit转换：不透明度0.2s，-webkit转换0.2s；
变换：透视（1000px）旋转3d（1,0,0,45度）；
变换原点：50%计算（100%+10px）；
过渡：不透明度0.2s，变换0.2s；
}
.工具提示.工具提示效果：悬停.工具提示内容{
-webkit变换：透视（1000px）旋转3d（1,0,0,0度）；
变换：透视（1000px）旋转3d（1,0,0,0度）；
}
#d