راهنمایی در مورد hover در css

[power_meisam]

سلام و درود
من برای این المان یه hover قرار دادم که با رفتن روی اون زنگ خط زیرش تغییر میکنه

.footer-widget-top h4 {
    font-size: 22px;
    font-family: BebasNeueRegular, arial, Georgia, serif;
         margin: 0px;
    border-bottom: 3px orange solid;
     display: inline-block;
     line-height: 35px;
     white-space:nowrap;
    
     
}

.footer-widget-top h4:hover {
    border-bottom: 3px #FF0000 solid;
}

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

ممنون از توجهتون

 

[tarahi4site.com]

خب دقیقا بیاد مثل همین عمل کنید دیگه

مثلا المان footer-side هم باید یه مشخصات hover ذاشته باشه به این شکل

.footer-side h4:hover {
    border-bottom: 3px #FF0000 solid;
}

 

[power_meisam]

خب دقیقا بیاد مثل همین عمل کنید دیگه

مثلا المان footer-side هم باید یه مشخصات hover ذاشته باشه به این شکل

.footer-side h4:hover {
    border-bottom: 3px #FF0000 solid;
}

دوست عزیز توجه نکردین به موضوع
اگه بخوام با موس برم روی یه المان دیگه ( المان دوم ) و اتفاق روی اون المان اول که hover براش اعمال شده بیفته و hover اون المان (اول) رویت بشه
به عنوان مثال سایت پی سی ورلد دات کام در قسمت فوتر این اتفاق برای زیر خط عناوین اصلی میفته که با رفتن روی باکس هر قسمت Hover اعمالی زیر عنوان اصلی اون قسمت روشن میشه

 

[tarahi4site.com]

فکر کنم متوجه شدم چی میخواید!

شما باید یک دایو بسازید و برای اون یک Hover مشخص کنید!

حالا داخل اون ایو هر چیزی ک دوس دارید بزارید! با رفتن موس بر روی هر کدوم از المانهای داخل اون دایو، hover دایو هم همزمان فعال میشه!