اجرای رویداد hover یک المنت هنگام رویداد hover در المنت دیگر
#1
Note 
سلام خدمت توسعه دهندگان عزیز
دوستان من یه مشکل کوچیک در CSS پیدا کردم با استفاده از ابزار inspect element هم نمیتونم بهفمم چطوری لطفا کمک کنید
لطفا این صفحه رو ببینید
چگونه یک لپ‌تاپ دانشجویی بخریم؟ - وبلاگینا

اگر ماوس رو روی قسمت "مشاهده تیتر مهم روزنامه های کشور در ۱ دقیقه!" ببرید میبینید که رنگش عوض میشه حتی اگر ماوس دقیقا رو همون المنت نباشه یعنی اگر تو کادرش باشه رنگ عوض میشه

[تصویر:  201308261377506157a.png]
لطفا اگر کسی میدونه چطوری میشه ساخت کمک کنه. فکت جالبیه Confusedmilingsmiley:

چطور امضا کنم؟  Huh
پاسخ
#2
Note 
سلام
CSS->
[CSS]
background: none repeat scroll 0% 0% rgb(239, 69, 52);
color: rgb(255, 255, 255);
text-shadow: 0px 1px 0px rgb(149, 4, 3);
[/CSS]

پاسخ
#3
Note 
maJID maGIC نوشته است:سلام
CSS->
[CSS]
background: none repeat scroll 0% 0% rgb(239, 69, 52);
color: rgb(255, 255, 255);
text-shadow: 0px 1px 0px rgb(149, 4, 3);
[/CSS]

داداش یه بار دیگه سوال منو بخون ببین جوابی که دادای میتونه پاسخ سوال من باشه یا نه؟
این کدی که گذاشتی فقط واسه تغییر استایله ربطی به سوال نداره

چطور امضا کنم؟  Huh
پاسخ
#4
Note 
THE KNIGHT@

سلام
همونطور که میدونی برای انتخاب المنت هایی که در یک المنت والد هستن اینطوری عمل میکنیم:
[CSS]
.Parent #child{
...
}
[/CSS]
کد بالا درحالت عادی استایل رو مشخص میکنه
حالا اگر بخوایم کاری کنیم که وقتی رو ی المنت والد اومدیم المنت فرزند استایلش عوض بشه رویداد hover رو به والد اضافه میکنیم اینطوری:
[CSS]
.Parent:hover #child{
...
}
[/CSS]

یه مثال:

[HTML]
<!DOCTYPE html>
<html>
<head>
<style>
body {background: #747474;}

.SAbox {
background: #F0F0F0;
display: inline-block;
padding: 5px;
border: 2px solid #DDD;
font: normal 12px tahoma;
color: #424242;
cursor: default;
}
#title {
font-size: 20px;
padding: 5px;
}
.SAbox:hover #title{
background: #F00;
color: #FFF;
}
.SAbox:hover p{
color: #000;
}

</style>
</head>
<body>
<div class="SAbox">
<span id="title">SoftAfzar</span>
<p>

Softafzar! Developers home_ CSS Selector
</p>
</div>
</body>
</html>

[/HTML]

دمو

موفق باشی :winksmiley02:

پاسخ
#5
Note 
اقا ممنون مثل همیشه Perfect Confusedmiles (51):

چطور امضا کنم؟  Huh
پاسخ
ایجاد موضوع جدید   پاسخ به موضوع  

موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
Note نمایش تصاویر در موبایل WWWorker 0 217 31-01-2014 ساعت 11:02
آخرین ارسال: WWWorker

کاربرانِ درحال بازدید از این موضوع:   1 مهمان