آموزش شبه کلاس visited در CSS

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش شبه کلاس visited در CSS با من همراه باشید.

آموزش شبه کلاس visited در CSS

Free-Learn

شبه کلاس visited در CSS

با استفاده از شبه کلاس ( یا هم انتخابگر ) visited در CSS میتوان استایل دلخواه، برای لینک هایی که بازدید شده اند ( یعنی روشون کلیک شده ) در یک صفحه وب مشخص کرد.

نسخه CSS1

Free-Learn

مثال از شبه کلاس visited در CSS

در ادامه میتوانید یک مثال از این انتخابگر / شبه کلاس را در زبان CSS مشاهده نمایید.

مثال شماره ۱ : تنظیم حالت های مختلف یک لینک

  • وقتی هنوز روی لینک کلیک نشده ( link )
  • وقتی روی لینکی کلیک بشه ( visited )
  • وقتی ماوس بره روی لینک ( hover )
  • لحظه کلیک شدن بروی لینک ( active )

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از انتخابگر / شبه کلاس visited در CSS پشتیبانی میکنند یا خیر.

نام انتخابگر Chrome Firefox Opera Safari IE
visited: ۴٫۰ ۲٫۰ ۹٫۶ ۳٫۱ ۷٫۰

Free-Learn

شکل نوشتاری شبه کلاس visited در CSS

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر / شبه کلاس در CSS بصورت زیر می باشد.

Free-Learn

نکات و توضیحات

برای مشخص کردن رنگ لینک وقتی هنوز روش کلیک نشده میتوان از شبه کلاس link و وقتی روش کلیک شده از شبه کلاس visited و رنگ لینک در لحظه کلیک ماوس بروی لینک از شبه کلاس active و در نهایت برای وقتی ماوس میره روی لینک از شبه کلاس hover استفاده کرد.

مرورگرها بخاطر یکسری مسائل امنیتی ، استایل دادن به شبه کلاس visited را محدود به استفاده از فقط ویژگی های زیر کرده اند : ( یعنی از ویژگی های زیر میتوان در این شبه کلاس استفاده کرد )

Free-Learn

دریافت PDF یا پرینت این مطلب