CSS div [クラス* = "x"]構文の問題

Question

この質問と同様に、正しい構文を取得できません。

.et_pb_tab_0 td:hover{ 
    background: #000 !important; 
} 
.et_pb_tab_2 td:hover{ 
    background: #000 !important; 
} 
.et_pb_tab_3 td:hover{ 
    background: #000 !important; 
} 
etc.... 

ここで私が試したものです：：

div[class*="et_pb_tab_"], div[class^=" td:hover"]{ 
    background: #000 !important; 
} 

しかし、それは「TD無視していたかのように動作する：ホバーを私は基本的に「ワイルドカード」の文にこれを行うために必要 wildcard * in CSS for classes

ホバリング時のtdの代わりにet_pb_tab_ *のバックグラウンドを変更してください。

Answer 1

あなたはこれらの三つのクラスのうちの1つを有する要素の子要素であり、ホバー上のすべてのtd Sを選択する場合、それは次のようになります。

div[class*="et_pb_tab_"] td:hover{ 
    background: #000 !important; 
} 

クラスセレクタの後にはカンマ、ノークラスすなわちとして子要素ですが、単純にtdと:hoverです。

ところで、親はDIVだとは書いていませんでしたが、私はあなたの質問のコードから推測しました。そうでない場合は、divの代わりに*を使用してください。