CSS : ตัวเลือกลิงก์
ตัวอย่าง
เลือกและจัดรูปแบบลิงก์ที่ยังไม่ได้เยี่ยมชม:
a:link
{
background-color: yellow;
}
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
ตัว:link
เลือกนี้ใช้สำหรับเลือกลิงก์ที่ยังไม่ได้เข้าชม
หมายเหตุ:ตัวเลือก :link ไม่ได้กำหนดรูปแบบลิงก์ที่คุณเคยเข้าชมแล้ว
เคล็ดลับ:ใช้:visited selector เพื่อกำหนดสไตล์ลิงก์ไปยังหน้าที่เยี่ยมชม :hoverตัวเลือกเพื่อกำหนดสไตล์ลิงก์เมื่อคุณวางเมาส์เหนือ :active selector เพื่อกำหนดสไตล์ลิงก์เมื่อคุณคลิกที่ลิงก์เหล่านั้น
รุ่น: | CSS1 |
---|
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนตัวเลือกอย่างสมบูรณ์
Selector | |||||
---|---|---|---|---|---|
:link | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
ไวยากรณ์ CSS
:link {
css declarations;
}
ตัวอย่างเพิ่มเติม
ตัวอย่าง
เลือกและจัดรูปแบบลิงก์ที่ไม่ได้เยี่ยมชม เข้าชมแล้ว โฮเวอร์ และลิงก์ที่ใช้งานอยู่:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
ตัวอย่าง
ลิงค์สไตล์ที่มีสไตล์ต่างกัน:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
หน้าที่เกี่ยวข้อง
กวดวิชา CSS: ลิงก์ CSS
กวดวิชา CSS: คลาสหลอก CSS