تاثیر hover روی تگ درونی

[pary_daryayi]

سلام دوستان .

من یک تگ li دارم که درونش تگ a و جود داره .

میخوام وقتی روی li رفتم علاوه بر اینکه li بک گراندش تغییر میکنه رنگ تگ a هم همزمان عوض بشه . نمیخوام جدا برای a کد hover بنویسم .
کد درستش چی میشه ؟

html



<li class="recenet-item>
<a href="#" ></a>
</li>
css:



.recent_item:hover{
background-color:#6E889D;
color:#FFFFFF;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}



انواع مختلف رو تست کردم نشد .

[***BiDaK***]

تگ a باید display:block باشه تا کل فضای li رو بگیره

[majidariamanesh]

<"li class="recenet-item>
<a href="#" ></a>
</li>

به اینصورت درسته یه کوتیشن کم داشت

دوما اینکه باید بنویسی
a.recent item : hover
این ها رو اصلاح کنید ببینید جواب میده

[mehbod.rayaneh]

سلام
شما میخواید با رفتن موس روی li رنگ a عوض بشه؟
ینی با hover شدن تگ والد، فرزندش هم تغییر کنه! درسته؟
برا این کار اینطوری استایل میدن :

.area:hover .text{
color:#000
}

[***BiDaK***]

سلام
شما میخواید با رفتن موس روی li رنگ a عوض بشه؟
ینی با hover شدن تگ والد، فرزندش هم تغییر کنه! درسته؟
برا این کار اینطوری استایل میدن :

.area:hover .text{
color:#000
}

چرا انقد کشش میدین:لبخند:
در هر صورت تگ a باید کل فضای li هارو بگیره این در اولویته.حالا دیگه رنگ عوض کردن a دیگه هرکی یجور سلکتورشو مینویسه.
چون من یه کد دیگه از استارترو قبلا دیدم که منو زده بود و li هاش این مشکلو داشتن و a زمانی هاور میشد که فقط روی لینک میرفت یعنی اگر گوشه ی li میرفت انگار روی لینک نرفته.