พิวโดคลาส active

พิวโดคลาส active กำหนดสไตล์สำหรับ ลิงก์ในขณะที่กดมัน (กดและ ยังไม่ปล่อยปุ่ม - ในช่วงที่เรายังไม่ปล่อยปุ่ม, สไตล์ที่กำหนดไว้จะทำงาน)

โดยปกติพิวโดคลาสนี้จะใช้ร่วมกัน กับพิวโดคลาส link, hover และ active

ไวยากรณ์

cssa:active {
  
}

ตัวอย่าง

ลิงก์ที่ยังไม่เคยเข้าชมจะมีสีแดง, ลิงก์ที่เข้าชมแล้วจะมีสีฟ้า หากคุณเลื่อนเมาส์ไปที่ มัน - มันจะเปลี่ยนเป็นสีเขียว และ หากคุณกดปุ่มเมาส์ซ้ายค้างไว้ - มันจะเปลี่ยนเป็นสีดำ (สถานะ active):

html<a href="#">ลิงก์</a>

cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

ดูเพิ่มเติม