CSS表跨度懸停繼承

Question

試圖瞭解發生了什麼，也許有人可以解釋。 在:HOVER我希望整個表格內容變得透明。這適用於td包裝內的文本。但是，span包裝器中的文本不知道它應該透明。

如果我突然從span CSS中刪除color:#897，它會做我想做的事，並且所有文本都變得透明。我確實嘗試了各種CSS技巧無濟於事，桌子拒絕承認span作爲table的後裔。如果可能，什麼是錯誤的以及如何解決它。

Answer 1

的原因是，你在SPAN爲table#Factors span &定義顏色定義你的懸停table#Factors:hover所以SPANcolor仍然覆蓋您table#Factors:hover類的顏色。像這樣寫：

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

入住這http://jsfiddle.net/AyNg3/

閱讀更多http://diythemes.com/thesis/css-specificity-thesis/

Answer 2

jsFiddle

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

你只需要以包括span選擇爲好。