CSS :link ประเภทโปรแกรมมิก

การกำหนดและการใช้งาน

CSS :link ประเภทโปรแกรมมิกใช้เพื่อเลือกและตั้งรูปแบบสำหรับลิงก์ที่ยังไม่เข้าชม

จำเป็นให้:link ประเภทโปรแกรมมิกไม่ได้ตั้งรูปแบบสำหรับลิงก์ที่เคยเข้าชม

คำแนะนำ：ใช้ :visited ตั้งรูปแบบสำหรับลิงก์ที่เคยเข้าชม โดยใช้ :hover ตั้งรูปแบบสำหรับลิงก์ที่เปลี่ยนแปลง โดยใช้ :active ตั้งรูปแบบสำหรับลิงก์ที่กด

จำเป็นให้ในการกำหนด CSS:link ต้องจัดให้ :hoverก่อนที่จะเริ่มทำงาน!

ตัวอย่าง

ตัวอย่าง 1

เลือกและตั้งรูปแบบสำหรับลิงก์ที่ยังไม่เข้าชม：

a:link {
  background-color: yellow;
}

ทดลองด้วยตัวเอง

ตัวอย่าง 2

เลือกและตั้งรูปแบบสำหรับลิงก์ที่ยังไม่เข้าชม ลิงก์ที่เคยเข้าชม ลิงก์ที่เปลี่ยนแปลง และลิงก์ที่กด：

/* ลิงก์ที่ยังไม่เข้าชม */
a:link {
  color: green;
}
/* ลิงก์ที่เคยเข้าชม */
a:visited {
  color: green;
}
/* ลิงก์ที่เปลี่ยนแปลง */
a:hover {
  color: red;
}
/* ลิงก์ที่กด */
a:active {
  color: yellow;
}

ทดลองด้วยตัวเอง

ตัวอย่าง 3

ตั้งรูปแบบต่างกันสำหรับลิงก์：

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

ทดลองด้วยตัวเอง

CSS ภาษา

:link {
  css declarations;
}

รายละเอียดเทคนิค

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางนี้ชี้ถึงเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนโปรแกรมมิกหลัก

หน้าที่เกี่ยวข้อง

คู่มือ：CSS ลิงก์

คู่มือ：CSS ประเภท