CSSテーブルスパンホバー継承

Question

何が起こっているのか理解しようとすると、誰かが説明できるかもしれません。 :HOVER私はテーブルの内容全体を透過的にしたい。これは、tdラッパー内のテキストに有効です。しかし、spanラッパーの中のテキストは、それが透明になるべきであることを知らない。

span CSSからcolor:#897を削除すると、突然それが欲しいものができ、すべてのテキストが透明になります。私は無駄なCSSトリックを試しましたが、テーブルはtableの子孫としてspanを認識することを拒否しました。可能であれば、何が間違っていて、どのように修正するか。

Answer 1

理由は、あなたのホバーtable#Factors:hoverを定義& table#Factors spanとしてあなたはまだあなたのtable#Factors:hoverクラスの色を上書きSPANにSPANのだから、colorを色を定義することです。このように書く：

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

チェックはこのhttp://jsfiddle.net/AyNg3/

は、あなただけのようにもspanためのセレクタを含めるために必要な、よりhttp://diythemes.com/thesis/css-specificity-thesis/

Answer 2

jsFiddle

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

のためにこれをお読みください。