لینک ها links
وقتی در HTML یک لینک با تگ <a>
میسازیم، میتونیم با کمک CSS استایلهای مختلفی براش تعریف کنیم.
لینکها چند حالت (state) مختلف دارن که هرکدوم استایل مخصوص خودش رو میتونن داشته باشن:
1️⃣ حالتهای لینک در CSS
-
a:link → لینک عادی (وقتی هنوز کلیک نشده)
-
a:visited → لینک بازدیدشده (وقتی کاربر قبلاً روی اون کلیک کرده)
-
a:hover → وقتی کاربر ماوس رو روی لینک میبره
-
a:active → وقتی کاربر روی لینک کلیک میکنه (همون لحظه)
2️⃣ مثال ساده
3️⃣ نکته مهم: ترتیب نوشتن حالتها
باید همیشه به ترتیب زیر استایلها رو تعریف کنی (تا درست کار کنه):
👉 LVHA
-
L → link
-
V → visited
-
H → hover
-
A → active
4️⃣ استایلهای پرکاربرد لینکها
-
حذف خط زیر لینک
-
تغییر رنگ در هاور
-
تبدیل لینک به دکمه
5️⃣ خلاصه
-
لینکها در CSS با pseudo-classها استایل میگیرن.
-
حالتها: :link, :visited, :hover, :active
-
میتونیم رنگ، فونت، بکگراند و حتی دکمههای زیبا با لینک بسازیم.