การใช้งานปกติของสถานะลิงก์ใน CSS
โดยปกติแล้ว จะระบุสถานะสำหรับลิงก์ทุกประเภทพร้อมกัน จากนั้นจึงเพิ่มลักษณะพิเศษของการทำงานของลิงก์เมื่อเลื่อนเมาส์ไปวางไว้ด้านล่าง ดังนี้:
a {
color: red;
}
a:hover {
text-decoration: none;
}
<a href="#">link</a>
:
ทำให้ลิงก์ทั้งหมดในทุกสถานะเป็นสีฟ้า และไม่ขีดเส้นใต้ และในสถานะ :hover - เป็นสีแดงและขีดเส้นใต้
