استفاده از این حالت موس برای زمانی که بر روی یک تگ فرار می گیرد بسیار کاربرد دراد.
برای مثال برای تعییر رنک یک نوشته از روش زیر استفاده می شود.
<style>
h1{
color:rgba(231,46,49,1.00);
}
h1:hover{
color:rgba(53,45,231,1.00);
}
</style>
اما اگر بحواهیم با رفتن بر روی یک نوشته نوشته دیگری تعییر رنگ یا هر تغییر دیگری بکند چه؟؟
برای این کار روش زیر را به کار می بریم
.d1:hover ~ .d2{color:rgba(231,46,49,1.00)}
با قطعه کد بالا هرگاه برروی تگی با کلاس d1 برویم تگ d2 تغییر رنگ می یابد.
البته توجه داشته باشید که نوشته آن تغییر رنگ می یابد وبر ای تفییر زمیته باید از background-color استفاده کرد
اطلس وب