Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

บทบาทของ CSS :active Selector

ใช้ CSS Pseudo-class :active เพื่อจัดสไตล์ Link ขณะที่กำลังถูกคลิก (กดเมาส์ค้างอยู่)

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
    <style>
        a:active {
            background-color: orange;
        }
    </style>
</head>
<body>
    <a href="https://qries.com">Welcome to Qries</a>
    <p>Click on the above link to see the effect.</p>
</body>
</html>

ลำดับ Pseudoclasses สำหรับ Link: :link → :visited → :hover → :active (LVHA)