اجرای رویداد hover یک المنت هنگام رویداد hover در المنت دیگر

CSS

توسط theknight در 5 سال پیش
0 908 4 5 سال پیش
theknightmajidmagicreza-irdev
0

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

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

لطفا اگر کسی میدونه چطوری میشه ساخت کمک کنه. فکت جالبیه :smilingsmiley:

0

سلام 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);
0

> سلام 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); ```

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

0

[color=#000000]THE KNIGHT@[/color]

سلام همونطور که میدونی برای انتخاب المنت هایی که در یک المنت والد هستن اینطوری عمل میکنیم:

.Parent #child{
...
}

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

.Parent:hover #child{
...
}

یه مثال:

<!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>

دمو

موفق باشی :winksmiley02:

0

اقا ممنون مثل همیشه Perfect :smiles (51):

خوش آمدید

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

لطفا ابتدا لاگین کنید