ความละเอียดอ่อนของลำดับสถานะลิงก์ใน CSS
คลาสหลอกของลิงก์สืบทอดกันและกัน ตัวอย่างเช่น
หากฉันลบเส้นขีดใต้สำหรับสถานะ
:link ออก มันจะหายไปสำหรับ
สถานะทั้งหมด
เนื่องจากการสืบทอด เพื่อให้ทำงานได้อย่างถูกต้อง
ควรจัดเรียงคลาสหลอกเหล่านี้
ตามลำดับดังตัวอย่าง: :link,
:visited, :hover, :active
(สามารถละไม่เขียนคลาสที่ไม่จำเป็นได้) ลำดับนี้
เป็นไปตามกฎช่วยจำต่อไปนี้:
LoVe HAte
ทำให้ลิงก์ทั้งหมดในสถานะ :hover
เป็นสีแดงและไม่มีเส้นขีดใต้ ในสถานะ :link
- เป็นสีฟ้า ในสถานะ :visited -
เป็นสีเขียว ในสถานะ :active -
เป็นสีดำ