سلام
فرق بین hover و focus در چیست؟ محل استفاده اشون چه فرقی با هم داره؟
سلام .ببینید hover بیشتر برای لینک ها استفاده میشه و به این معنیه که وقتی که اشاره گر موس روی اون لینک میره این میشه hover .ولی focus برای تگ های input کاربرد داره.از جمله تکست باکس ها .و به این معنیه که وقتی که مثلا توی اون تکست باکس کلیک میکنیم و اشاره گر نوشتن رو داریم یعنی اینکه فوکوس روشه .
۲ تا عکس زیر رو ببینید :
فرض کنید یه همچین کدی رو نوشتیم
کد php:
a:hover {
background-color: yellow;
}
حالا اگه تو صفحه یه لینک داشته باشیم و اشاره گر موس روش بره اینشکلی میشه :
![[تصویر: 372492_fnf8sif563tgimshnoi4.png]](https://img.manesht.ir/372492_fnf8sif563tgimshnoi4.png)
یعنی وقتی اشاره گر موس روی لینک رفت رنگ پس زمینه لینک عوض شد .این از Hover
________________
برای focus هم کد زیر رو داشته باشید
کد php:
input:focus {
background-color: yellow;
}
حالا شکل زیر رو ببینید
![[تصویر: 372492_g0tx216j4wzlaiyx1i07.png]](https://img.manesht.ir/372492_g0tx216j4wzlaiyx1i07.png)
ببینید وقتی که توی تکست باکس کلیک میکنیم و میخوایم توش بنویسیم در واقع روش فوکوس اومده و الان رنگ پس زمینه ما زرد رنگ شده .
بیشترین کاربرد این دو خصوصیت اینه