کدر کردن بقیه آیتم های لیست

[iman_k26]

با سلام خدمت دوستان

میخواستم بدونم چجوری میشه وقتی کاربر روی یه آیتم از آیتم های لیستمون رفت بقیه آیتم ها مات بشن...

امیدوارم منظورم رو خوب رسونده باشم

مثلا سایت http://www.hamyarwp.com/ رو ببینید توی منوی بالاییش از همین روش استفاده کرده...

ممنون میشم راهنمایی بفرمایید

[anvar]

فقط دو خط کد سی اس اسه

.top_menu ul li a:hover {text-shadow: 0 0 0 #9c9c9c;}

.top_menu ul:hover li a {text-shadow: 0 0 4px #F04444;}

وقتی موس روی لیست میره - سایه متن لینک ها مشابه با خط دوم میشه
در همین حالت بالا اگر موس روی لینک بره , سایه متن لینکی که در زیر موس هست 0 میشه و بوضوح متنش قابل خواندن میشه اما سایر لینک ها به صورت قبل و حالت مات باقی می مانند

[iman_k26]

من همین کارو انجام میدم اما وقتی روی لیست میرم متنام سایه میگیره و مات نمیشه....

دلیلش از چی میتونه باشه؟


فقط دو خط کد سی اس اسه

.top_menu ul li a:hover {text-shadow: 0 0 0 #9c9c9c;}

.top_menu ul:hover li a {text-shadow: 0 0 4px #F04444;}

وقتی موس روی لیست میره - سایه متن لینک ها مشابه با خط دوم میشه
در همین حالت بالا اگر موس روی لینک بره , سایه متن لینکی که در زیر موس هست 0 میشه و بوضوح متنش قابل خواندن میشه اما سایر لینک ها به صورت قبل و حالت مات باقی می مانند

[anvar]

در سی اس اس اولویت اعمال استایل ها بر اساس ترتیب قواعد تعریف شده توسط شماست

اول : ul:hover li a

بعد : ul li a:hover