رفتن به مطلب

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


پست های پیشنهاد شده

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

10605461690565408494.png

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

13004532794233508401.png

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

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

 <ul>

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

</ul>

لینک به ارسال

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

یعنی اینطوری


<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;
}

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...