Pseudo-class :link

Pseudo-class link กำหนดสไตล์สำหรับ ลิงก์ที่ยังไม่เคยเยี่ยมชม โดยทั่วไปแล้ว pseudo-class นี้ จะใช้ร่วมกับ pseudo-classes hover, visited และ active

Syntax

cssa:link{
  
}

ตัวอย่าง

ลิงก์ที่ยังไม่เคยเยี่ยมชมจะมีสีแดง, ลิงก์ที่เคยเยี่ยมชมแล้วจะมีสีน้ำเงิน หากคุณเลื่อนเมาส์ไปวางเหนือลิงก์ มันจะเปลี่ยนเป็นสีเขียว และ หากคุณกดปุ่มซ้ายของเมาส์ค้างไว้ มันจะเปลี่ยนเป็นสีดำ (สถานะ active):

html<a href="#">ลิงก์</a>

cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

ดูเพิ่มเติม

pseudo-class visited,
ซึ่งกำหนดสไตล์ให้ลิงก์ที่เคยเยี่ยมชมแล้ว
pseudo-class hover,
ซึ่งกำหนดสไตล์ให้ลิงก์เมื่อเลื่อนเมาส์ไปวางเหนือ
pseudo-class active,
ซึ่งกำหนดสไตล์ให้ลิงก์เมื่อถูกกระตุ้น
pseudo-class focus,
ซึ่งกำหนดสไตล์ให้ลิงก์เมื่ออยู่ในโฟกัส