html - CSS 表格跨度悬停继承

Question

试图了解发生了什么，也许有人可以解释一下。:HOVER 我希望整个表格内容透明。这适用于 td 包装器内的文本。但是，span 包装器中的文本并不知道它应该透明。

如果我从 span CSS 中删除 color:#897 突然它会做我想做的事并且所有文本都变得透明。我尝试了各种 CSS 技巧都无济于事，该表拒绝将 span 识别为 table 的后代。有什么问题以及如何解决(如果可能)。

Answer 1

原因是你在SPAN中定义了颜色作为table#Factors span & 你定义你的悬停 table#Factors:hover所以color的 SPAN仍然凌驾于你之上 table#Factors:hover类颜色。像这样写:

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

检查这个http://jsfiddle.net/AyNg3/

阅读此文了解更多 http://diythemes.com/thesis/css-specificity-thesis/