استایل hover به یک div ???

[persianwp 13]

سلام دوستان من یک باکس ایجاد کدم با ul و li به این صورت

حالا میخوام وقتی هاور شد مثله عکس زیر بشه که نمیشه فقط li و a عوض میشن اون 18 مرداد تغییری نمیکنه ..چیکار کنم؟؟

اینم کدیه که استفده کردم؟؟

ببینید درسته؟؟ چیکار کنم که 18 مرداد همراه li هاور بشه؟؟

 <ul>

<li>
<a href="">آموزش خیاطی نوین کاشمر</a>
<div class="time">20 مرداد 93</div>
</li>

</ul>

[فرهاد-سئو 905]

باید یه کلاس تعریف کنی و به اون کلاس حاور بدی

یعنی اینطوری

<div class="news">
<ul>
<li>
<a href="">آموزش خیاطی نوین کاشمر</a>
<div class="time">20 مرداد 93</div>
</li>
</ul>
</div>

حالا حاور به این صورت بزن

.news:hover li {
background:blue;
}
.news:hover a {
background:#ebeceb;
}