این آموزش در تاریخ ۱۴۰۰/۱۰/۱۳ آپدیت شده است.
آموزش شبه کلاس active در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش شبه کلاس active در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
شبه کلاس active در CSS
با استفاده از شبه کلاس ( یا هم انتخابگر ) active در CSS میتوان استایل دلخواه، برای لحظه ای که بروی یک تگ کلیک میشه، مشخص کرد. ( یعنی اگه کلیک کنید و کلیک رو نگه دارید عمل Active اتفاق میوفته )
معولا و بیشتر از این شبه کلاس برای لینک ها استفاده میشه ولی خب هیچ محدودیتی برای استفاده در دیگر تگ های HTML وجود ندارد.
برای استفاده از شبه کلاس باید اول یک : گذاشت و سپس نام شبه کلاس را، و برای استفاده از شبه عناصر باید اول یک :: گذاشت و سپس نام شبه عنصر
| نسخه | CSS1 |
|---|
Free-Learn
مثال از شبه کلاس active در CSS
در ادامه میتوانید یک مثال از این انتخابگر / شبه کلاس را در زبان CSS مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ h2 و تگ a
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<style> h2:active{ background-color:yellow; color:000; text-align:center; } a:active{ background-color:blue; color:#fff; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از انتخابگر / شبه کلاس active در CSS پشتیبانی میکنند یا خیر.
| نام انتخابگر | Chrome | Firefox | Opera | Safari | Edge |
| active: | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری شبه کلاس active در CSS
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر / شبه کلاس در CSS بصورت زیر می باشد.
|
1 2 3 |
:active { دستورات سی اس اس در اینجا } |
Free-Learn
نکات و توضیحات
- معمولا از این شبه کلاس در کنار شبه کلاس link: و شبه کلاس visited: و شبه کلاس hover: بروی لینک ها استفاده میشود. ( مثال )
