CSS :เยี่ยมชม Selector
ตัวอย่าง
เลือกและจัดรูปแบบลิงก์ที่เข้าชม:
a:visited
{
color: pink;
}
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
ตัว:visited
เลือกใช้เพื่อเลือกลิงก์ที่เข้าชม
เคล็ดลับ:ใช้ ตัวเลือก :linkเพื่อกำหนดสไตล์ลิงก์ไปยังหน้าที่ไม่ได้เยี่ยมชม:hoverตัวเลือกเพื่อจัดรูปแบบลิงก์เมื่อคุณวางเมาส์เหนือลิงก์เหล่านั้น และ :activeตัวเลือกเพื่อกำหนดสไตล์ลิงก์เมื่อคุณคลิกที่ลิงก์เหล่านั้น
เบราว์เซอร์จำกัดรูปแบบที่สามารถตั้งค่าสำหรับลิงก์ a:visited ได้ เนื่องจากปัญหาด้านความปลอดภัย
รูปแบบที่อนุญาตคือ:
- สี
- สีพื้นหลัง
- border-color (และ border-color สำหรับด้านแยก)
- สีเค้าร่าง
- คอลัมน์กฎสี
- ส่วนสีของการเติมและจังหวะ
สไตล์อื่นๆ ทั้งหมดนั้นสืบทอดมาจาก a:link
รุ่น: | CSS1 |
---|
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนตัวเลือกอย่างสมบูรณ์
Selector | |||||
---|---|---|---|---|---|
:visited | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
ไวยากรณ์ CSS
:visited {
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