div类悬停，当悬停在td上时

Question

我有一个TD字段和一个div。

    <td class="text" valign="top">


                <div class="number_post">#1</div>    
</td>

我的问题是，当我将鼠标悬停在td .text上时，如何更改number_post div的样式？

我不希望在悬停时更改.text的样式。只有.number_post。

谢谢！

Answer 1

像这样写

.text:hover .number_post{
 color :red;
}

Answer 2

就是这样：

.text:hover .number_post {color:#eee;}