Html CSS表跨度悬停继承

试图了解发生了什么，也许有人可以解释。 在

：悬停时

我希望整个表格内容透明。这适用于

td

wrappers中的文本。然而，

span

包装中的文本并不知道它应该是透明的

---

如果我从

span

CSS中删除

color:#897

，它会突然执行我想要的操作，所有文本都变为透明。我确实尝试了各种CSS技巧，但都没有效果，表拒绝将

span

识别为

table

的后代。原因是您将

SPAN

中的颜色定义为

table#Factors SPAN

&您定义了悬停

table#Factors:hover

所以

SPAN

的

color

仍然覆盖

table#Factors:hover

类颜色。这样写：

table#Factors:hover span{
  color:transparent;
}

检查这个

更多信息，请阅读此内容

您还需要为

span

添加一个选择器

table:hover,
table:hover span{
    color: transparent;
    background: transparent;
}​