این آموزش در تاریخ ۱۴۰۰/۱۰/۱۳ آپدیت شده است.
آموزش شبه کلاس visited در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش شبه کلاس visited در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
شبه کلاس visited در CSS
با استفاده از شبه کلاس ( یا هم انتخابگر ) visited در CSS میتوان استایل دلخواه، برای لینک هایی که بازدید شده اند ( یعنی لینک های که از قبل روشون کلیک شده ) در یک صفحه وب مشخص کرد.
| نسخه | CSS1 |
|---|
Free-Learn
مثال از شبه کلاس visited در CSS
در ادامه میتوانید یک مثال از این انتخابگر / شبه کلاس را در زبان CSS مشاهده نمایید.
مثال شماره ۱ : تنظیم حالت های مختلف یک لینک
- وقتی هنوز روی لینک کلیک نشده ( link )
- وقتی روی لینک کلیک شده باشه ( visited )
- وقتی ماوس بره روی لینک ( hover )
- لحظه کلیک شدن بروی لینک ( active )
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<style> /* وقتی هنوز روش کلیک نشده */ a:link{ color:blue; } /* لینکی که روش کلیک شده */ a:visited{ color:green; } /* وقتی ماوس میره روی لینک */ a:hover{ color:red; } /* لحظه کلیک شدن لینک */ a:active{ color:yellow; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از انتخابگر / شبه کلاس visited در CSS پشتیبانی میکنند یا خیر.
| نام انتخابگر | Chrome | Firefox | Opera | Safari | Edge |
| visited: | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری شبه کلاس visited در CSS
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر / شبه کلاس در CSS بصورت زیر می باشد.
|
1 2 3 |
a:visited { دستورات سی اس اس در اینجا } |
Free-Learn
نکات و توضیحات
- مرورگرها بخاطر یکسری مسائل امنیتی ، استایل دادن به شبه کلاس visited را محدود به استفاده از فقط ویژگی های زیر کرده اند : ( یعنی از ویژگی های زیر میتوان در این شبه کلاس استفاده کرد )
- color
- background-color
- border-color
- outline-color
- column-rule-color
