شیوه‌‌ی استفاده از :hover

[vahidd.com]

از دوستان میخواستم بپرسم که شیوه‌ی صحیح استفاده از سلکتور :hover چیه؟
یعنی چرا وقتی که مستقیم به یه کلاس :hover میدیم کار نمیکنه؟
مثل:

.test{text-decoration:none;}

.test:hover {text-decoration:underline;}

 

[saber mogaddas]

سلام
کد شما درست هست و به درستی عمل می کنه..و می تونید به این صورت مستقیم عمل کنید..
موفق باشی..

 

[toxin]

نوع دیگر کد نویسی :Hover

سلام . بسیار عالی بود , bo2o جان .
ولی در بعضی از کدنویسی ها , مثلا در برخی از قالب های سیستمهای مدیریت محتوا به صورت زیر مینویسن.
البته این برای مشخص کردن استایل لینک در یه کلاس فرضی هست
جسارت نشه ، صرفا جهت اطلاع بود

.test a {
	font-size:small;
	color:#fff;
}
.test  a:hover {
	font-size:18px;
	color:#F00;
}

موفق و پیروز باشید

 

[vahidd.com]

چه جسارتی دست شما بسیار درد نکنه

 

[echessdesign]

از دوستان میخواستم بپرسم که شیوه‌ی صحیح استفاده از سلکتور :hover چیه؟
یعنی چرا وقتی که مستقیم به یه کلاس :hover میدیم کار نمیکنه؟
مثل:

.test{text-decoration:none;}

.test:hover {text-decoration:underline;}

درود بر شما
رویداد hover ، برای باکس مشخص، در IE قابل اجرا نیست!
شما می تونید با کمک JS این کار رو انجام بدید:

اگر استایل شما بدین شکل باشه:

<style type="text/css">

td.off {
background: #CCCCCC;
}

td.on {
background: #999999;
}

</style>

می تونید در کد html خود بدین شکل تعریف کنید:

<td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">MENU 1</td>

موفق باشید

 

[freemagic]

درود بر شما
رویداد hover ، برای باکس مشخص، در ie قابل اجرا نیست!
شما می تونید با کمک js این کار رو انجام بدید:

اگر استایل شما بدین شکل باشه:

<style type="text/css">

td.off {
background: #cccccc;
}

td.on {
background: #999999;
}

</style>

می تونید در کد html خود بدین شکل تعریف کنید:

<td class="off" onmouseover="this.classname='on'" onmouseout="this.classname='off'">menu 1</td>

موفق باشید

فکر کنم این پاسخ بهترین جواب رو برای کار مشخص بده.
ولی این روش در همه مرورگرها به درستی و یک جور جواب میده؟
چون هرکاری با جاوا اسکریپت انجام میدیم توی هر مرورگر یه جواب میگیریم!!!

 

[vahidd.com]

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

 

[toxin]

دوستان ببخشید که نمیتونم زیاد اینجا فعالیت کنم به دلیل مشغله کاریه.
این پست هم اتفاقی اومدم در انجمن css کار داشتم دیدمش.
زمینه کاری من طراحی وب (قالب وردپرس).
اگر دوستان کاری داشتن ایمیل بزنن .